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