приоритет в стилях

[sultan347]

CSS файл

a:hover{color:#ff0000;}
.xxyyzz{color:#00ff00;}

html файл

<td>
<a class="xxyyzz" href="#">май</a>
</td>

Cылка красного цвета получается, почему у класса class="xxyyzz" не хватает полномочий, что бы закрасить на зеленый цвет? И как можно решить?

 

[Madmess]

Ссылка зеленая получается. При наведении - красная

 

[sultan347]

извиняюсь,

CSS файл

a{color:#ff0000;}
a:hover{color:#ff0000;}
.xxyyzz{color:#00ff00;}

html файл

<td>
<a class="xxyyzz" href="#">май</a>
</td>

 

[Madmess]

Все равно работает.
Зеленая и при наведении красная

 

[sultan347]

Откуда я знал..., что в конце таблице стилей есть строка

a{color:#ff0000;}
a:hover{color:#ff0000;}
.xxyyzz{color:#00ff00;}
....
td.tyop a,td.tyop a:hover{color:#ff0000}

<td class="tyop">
<a class="xxyyzz" href="#">май</a>
</td>

 

[Eihwaz]

Указывайте стили соответственно элементам, которым они прописаны:

a.xxyyzz {color:#00ff00;}
a.xxyyzz:hover {color:#ff0000;}

Иначе P, span и любой другой элемент с классом xxyyzz будет красить свой текст в зеленый.

 

[pansatana]

можно если не ошибаюсь еще через !important сделать...если где то сбился в приоритете в стилях...

 

[Eihwaz]

Блин, я вот читаю, что люди думают о !important и поражаюсь. В очередной раз возьму на себя роль Капитана Очевидности:
Это свойство предназначено для повышения приоритета стилевого правила. Если вы напишете в CSS

#myMegaContainer {
    background-color: #333!important;
    background-color: #fff;
}

то в нормальном браузере фоновый цвет вашего дива будет #333, несмотря на то, что вы его переопределили. Именно из-за свойства !important.
Плюс, (и на w3 это указано как единственная причина существования !important) если пользователь подключает свой css файл на вашей странице, это свойство может помочь сохранить некоторые элементы именно в нужном вам виде (хотя, если !important указано и в вашем css и в том, который подключает пользователь, то последний имеет приоритет).
Это свойство так же довольно часто используется для css хаков, так как IE6 позволяет переопределять свойство, даже если оно указано как !important (пример выше в IE будет иметь белый фоновый цвет)
Теперь чего !important не делает:
Он не повышает скорость загрузки страницы.
Элемент, в стилях которого есть !important не грузится быстрее, чем элементы, у которых это свойство не указано. И тем более не отображается "более правильно".
Он не помогает восстановить "сбившееся" значение в css.

 

[pansatana]

ну а я разве не так сказал? просто более коротко.
к примеру если
#myMegaContainer {
background-color: #333
background-color: #fff;
background-color: #14100c;!important;
background-color: #d19764;
}
тогда цвет будет #14100c... (без !important цвет будет #d19764)то есть если десять раз переопределять стиль, то будет показывается только !important;
про то что будет быстрее грузится,отображаться более правильно и т.д. никто не говорил....

 

[pritorius666]

да это Eihwaz так сказать для всех еще раз повторил чего !important может а чего нет.
Просто даже сам частенько встречал много всякого рода споров и убеждений по поводу !important