https://htmlacademy.ru/courses/307/run/13 Зачем нужен <div>

  1. Зачем оборачивать в div содержимое элементов dd, если все те же свойства и значения можно задать в правиле “.skills dd { }”?
  2. Почему, когда я задаю элементам dd класс “skills-level” (обходясь без div), конфликт свойств background-color в правилах “.skills dd {…}” и “.skills-level {…}” разрешается в пользу правила “.skills dd {…}” (цвет остается серым)? Это говорит о большей специфичности элемента .skills dd?
  1. Догадался, что в моем варианте нельзя было бы задать полоску внутри dd с нужной шириной.
  2. Этот вопрос остается актуальным.

.skills dd {…} важнее .skills-level {…}, т.к. состоит из 2-х элементов — класс + элемент.
Если сделать так: dd.skills-level {…}, то селекторы будут равнозначны.

Спасибо!