Всегда ли лучше использовать класс css, чтобы избавиться от проблем, связанных с переопределением стиля?

Question

Всегда ли лучше использовать css .class вместо #id, чтобы избавиться от проблем, связанных с переопределением стиля и неважно?

#content ul li a {font-size:10px}

#content .demo ul li a {font-size:15px}

Answer 1

id - это идентификатор, и в идеале его следует использовать только для одного элемента, тогда как class можно использовать несколько раз для нескольких элементов.

СМ.: Идентификатор против класса

Answer 2

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

• HTML-селекторы (div, p и т. Д.): + 1
• селекторы класса (.class) + 10
• идентификаторы селектора (#id): + 100

Итак, для вашего примера:

#content ul li a {font-size:10px} = 100 + 1 + 1 + 1 = 103
#content .demo ul li a {font-size:15px} = 100 + 10 + 1 + 1 + 1 = 113

Надеюсь, это поможет

Answer 3

Нет, я думаю, что нет. Идентификаторы должны использоваться только для уникальных элементов, которые будут обрабатываться с помощью JavaScript IMO.

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