Разница между id и class?

Question

[Имя Имечко]

Собственно использую как id так и class в div.
Но вижу разницу лишь в CSS, а именно в # и . перед названием.
Знаю еще, что id главнее чем class и сперва обрабатывается он.

Если я вообще не буду использовать id, не помешает ли это?
А если я не буду использовать только class?
Или использовать все вместе выгодно?

Поясните...

Answer 1

[Имя Имечко]

class будет указывать на группу элементов:
div.title - все элементы дивы класса title (...).
.title - все элементы класса title (...)

id - идентификатор какого-либо конкретного элемента HTML (должен быть уникальным).
#title - один конкретный элемент с id="title" (...).

Answer 2

[twixoff]

frontender.info/when-using-ids-can-be-a-pain-in-th...

Answer 3

[teotlu]

Во многих методологиях рекомендуется вообще не использовать id в CSS, чтобы избежать боли с весами селекторов. Лучше используйте в стилях всегда классы, а id оставьте под нужды программистов.

Answer 4

[zooks]

Как показывает практика, лучше ограничить использование id в стилях.
id может пригодиться для всяких элементов, в которых нет вложенного контента. Для ссылок по якорю index.html#ancor где допустим <h1 id="ancor">

Answer 5

[damapic]

Просто и коротко.
id имеет приоритет на class
id как правило не повторяется в коде