Специфичность

[FanAizu]

Например, есть вот таких два свойства:

.dog a

{

color:red;

}

.cat a

{

color:blue;

}

У них специфичность у обоих по 11. Могу я как-нибудь указать браузеру, чтобы побеждало то свойства, к какому классу тег a находится ближе? То есть, чтобы в данном случае ссылка была синей:

<div class="dog">

<div class="cat">

<a>

hello

</a>

</div>

</div>

И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111

.dog a 111

{

}

а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?

[Arcturus]

1. В данном примере она и будет синей. Только дело не в том, что тег ближе к кошке, а в том, что в CSS кошка располагается ниже и переопределяет значение собаки, т.к. их вес одинаковый - 0011. Это каскад. Если бы запись была, к примеру, такой: div.dog a ,то ссылка была бы красной, т.к. вес этой записи 0012.

2. Насколько я знаю, нет.

[zSpx]

Ну если рассчитывать, то id - 100, class = 10, тэг - 1. !important дает наивысшую специфичность. Еще есть приоритеты самих стилей. Наивысший имеют инлайновые стили, затем определенные в самом html документе и за ними подключенные. Ну еще в css документе при одинаковой специфичности сработает тот стиль, который находится ниже. Вроде бы так.

[white]

И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111

.dog a 111

{

}

а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?

Явно указать нельзя, но как правило можно записать селектор с определённым значением специфичности. Подобрать определённое количество классов, id и просто тэгов

[buddah]

IMHO, не тем голову себе забиваете.

Нужны уникальные стили - обращайтесь напрямую к элементам по селекторам.

Я знаю по крайней мере 30.

Не получается обратиться - меняйте структуру, используйте <span> и т.д.

[web-monster]

Про специфичность можно почитать Эрика Мейера "Каскадные таблицы стилей" или "Самоучитель CSS" Влада Мержевича, там все подробно расписано .

[buddah]

Задушил бы.