Подскажите, пожалуйста, почему мы используем конструкцию .checklist .content-important li {…}? Почему не использовать .content-important li {…} ? Эта конструкция должна применять свойства к тегам li, если они находятся внутри класса .content-important, но почему-то она не срабатывает.
`
И два правила, относящиеся к оформлению:
`.checklist .content li {
border-color: #ff851b;
}
.checklist .content-important li {
border-color: #ff4136;
}`
Как вы наверняка успели заметить, во всех селекторах в этом задании есть `.checklist` в начале. Это задает определенный уровень [специфичности](https://htmlacademy.ru/courses/66/run/15).
Оба правила, написанные выше, применяются к одним и тем же элементам и имеют одинаковое значение специфичности (в составе два класса и один селектор тега). Второе правило срабатывает потому что находится ниже по коду.
А если вы уберете из второго правила в селекторе `.checklist`, то оно уже не будет иметь ту же специфичность - а значит работать не будет.