класс div против id

Question

При использовании div когда лучше всего использовать класс против id?

Лучше ли использовать класс, скажем, вариант шрифта или элементы в HTML? Тогда используйте id для структуры / контейнеров?

Это то, о чем я всегда был немного неуверен, любая помощь была бы великолепна.

Answer 1

Для меня: Если использовать классы, когда я сделаю что-то в CSS или добавить имя к элементам и могу использовать во всех элементах на странице.

Итак, идентификаторы, которые я использую для уникального элемента

Пример:

<div id="post-289" class="box clear black bold radius">

CSS:

.clear {clear:both;}
.black {color:black;}
.bold {font-weight:bold;}
.radius {border-radius:2px;}

Answer 2

Классы предназначены для стилей, которые вы можете использовать несколько раз на странице, идентификаторы - это уникальные идентификаторы, которые определяют особые случаи для элементов. Стандарты говорят, что идентификаторы должны использоваться только один раз на странице. Поэтому вы должны использовать классы для случаев, когда вы хотите использовать стиль для более чем одного элемента на странице, и идентификатор, когда вы просто хотите использовать его один раз.

Другое дело, что для классов вы можете использовать несколько значений (помещая пробелы между каждым классом, как «класс = 'blagh blah22 blah'), когда с идентификаторами вы можете использовать только ID для элемента.

Стили, определенные для идентификаторов, переопределяют стили, определенные для классов, поэтому в настройках стиля #uniquething будет переопределен стиль .whither, если два конфликтуют.

Таким образом, вы, вероятно, должны использовать идентификаторы для таких вещей, как заголовок, ваша «боковая панель» или что-то еще и так далее - вещей, которые появляются только один раз на странице.