Каждой кнопке уникальный стиль

[Shoper]

Всем привет, уважаемые пользователи и мастера подскажите как разделить кнопки

Что каждой кнопки в css назначить свой стиль оформления, картинка цвет и тому подобное..

[EvzeNsx]

каждой кнопке присвоен id, который вы можете использовать как вам нравится.

например

<a id='tab_home'>...</a>

добавляем в css

#tab_home {
     color: red;
     ...
}

UPD:

не обратил внимание на слово "разделить".

Кнопка - это всего лишь картинка. Изменяем существующую таким образом, чтобы нижний край был закруглен и все.

Змінено 22 вересня 2011 користувачем EvzeNsx

[Shoper]

Так то да вроде бы взял ID и назначил стиль НО не работает.

Стандартный кусок кода оформления кнопок.

#header .div4 {
	width: 510px;
	clear: right;
	float: right;
	height: 32px;
	padding-right: 14px;
}
#header .div4 a {
	float: left;
	margin-right: 2px;
	width: 100px;
	height: 18px;
	padding-top: 9px;
	padding-bottom: 9px;
	background: url('../image/tab_1.png') no-repeat;
	text-align: center;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
#header .div4 a.selected {
	background: url('../image/tab_2.png') no-repeat;
	color: #FFF;
	padding-bottom: 10px;
	z-index: 3;

Пробывал

#tab_home.selected {
	background: url('../image/tab_2.png') no-repeat;
	color: #FFF;
	padding-bottom: 10px;
	z-index: 3;

#header.tab_home.selected

#header.div4 a.tab_home .selected

Не работает, буду изучать css :)

Задача состоит в том чтобы назначить каждой кнопке свою картинку..

[EvzeNsx]

пример:

.selected

определяет стиль для

<div class="selected">

#selected

определяет стиль для

<div id="selected">

поэтому такой код не будет работать:

#tab_home.selected
#header.tab_home.selected
#header.div4 a.tab_home .selected

тем более, что class="selected" относится к тегу <a>.

#tab_home

- для уникальной картинки

#header .div4 a.selected

- для картинки выбранного пункта меню