В чем различие между идентификаторами «id» и «class»?

,

,

и т.д.

Несколько примеров использования этих элементов.

Якорные ссылки – используются для быстрого перехода к определенному разделу страницы и ранее оформлялись таким образом: , используя свойство id якорную ссылку можно и нужно оформлять таким образом:

Описание

это раздел, а ссылка на него выглядит так:

Описание

В CSS есть такое понятие как «вес» свойства, которым определяется порядок применения присвоенных элементу атрибутов. Например, определены следующие свойства:

#discription {color: green;}
.important {color: red;}

используем их для выше приведенного примера:

Описание

в результате выполнения кода цвет заголовка будет зеленым, так как id имеет больший «вес» чем class.

В заключение, элемент, свойство которого определено id, легко найти во время исполнения скрипта с помощью функции getElementById(), class такой возможности не имеет.

Рубрика: CSS Теги: между, null, «class»?, идентификаторами, различие, «id», чем