Comments on: ID и class

By: uggallery

uggallery — Mon, 02 Feb 2009 16:40:06 +0000

IR: отличный довод, спасибо. Оптимизация нынче популярна.

By: IR

IR — Mon, 02 Feb 2009 13:09:36 +0000

Идентификаторы – части ДОМ-дерева документа. Чем больше идентификаторов – тем больше дерево. Классы на дерево не влияют. Значит, уменьшение количества идентификаторов, замена их на классы там, где возможно, делает страницу более оптимальной. Тесты: http://webo.in/tests/css-efficiency-3/

By: tapazukk

tapazukk — Sat, 05 May 2007 21:48:01 +0000

Cпасибо. Век живи-век учись. Очень приятно удивило URL + ID = URI (эх-х, тямнота)

By: uggallery

uggallery — Mon, 26 Feb 2007 16:39:52 +0000

Повышенная, по сравнению с другими селекторами, специфичность ID-селектора, основана на предположении, что в HTML-документе, который мы оформляем, находится лишь один элемент с соответсвующим ID. Поэтому такой селектор весит больше, чем селекторы на основе class-ов, элементов, псевдо-классов. Разная специфичность селекторов — следствие разной семантики ID и class-ов, которой они обладают в HTML-коде.

By: uggallery

uggallery — Mon, 26 Feb 2007 16:32:13 +0000

Браузер — плохой помошник в деле проверки стандартов. Нужно смотреть спецификации. А они требуют чтобы ID был уникальным. Причины этого требования кроются в семантике, а не в CSS и не в том как это реализовано в современных браузерах.

By: 4matic

4matic — Mon, 26 Feb 2007 16:25:39 +0000

ID и ID-селектор — разные вещи, у них разные свойства, у них разные требования.

Хм, никогда не задумывался об этом. Только что проверил, ради интереса, поведение броузеров при нескольких одинаковых ID. Стили применяюстя ко всем элементам, а не к первому. Т.е. алогритм обработки DOM(грубо говоря) и CSS у броузеров разный.

By: uggallery

uggallery — Mon, 26 Feb 2007 16:14:06 +0000

Конечно же все так. Но в самом CSS-коде мы не оперируем ни ID ни class-ами, а только лишь их отражениями — CSS-селекторами. ID и ID-селектор — разные вещи, у них разные свойства, у них разные требования. Один — часть HTML-, а другой — часть CSS-технологии. Они вместе, но они не одно и то же.

By: MT

MT — Mon, 26 Feb 2007 15:49:16 +0000

Разница есть, применение идентификатора более чем к одному элементу некорректно по стандарту, и браузер имеет право применить стили лишь, скажем, к первому из таких элементов.

By: uggallery

uggallery — Mon, 26 Feb 2007 15:36:51 +0000

Это требование все-таки относится к HTML-документу. А с точки зрения CSS-инструкций — без разницы уникален ID или нет.

By: MT

MT — Mon, 26 Feb 2007 15:19:29 +0000

Ещё одно важное исключение — id должен быть уникальным в пределах документа.