Применение CSS-свойств к элеметам внутри определенного div

#html #css

На странице есть список внутри div, выглядящий примерно так:



...




Мне необходимо кастомизировать такой список, если он содержится в таком div, примерно
таким способом:

ol {
    ...
}
ol li {
    ... 
}
ol li:before {
    ...
}


Как правильно описать это в файле стилей?
    

Ответы

Ответ 1

Используйте в селекторе класс .wiki-content. Выглядеть это будет так:

.wiki-content ol {
    // Ваши стили
}

.wiki-content li {
    // Ваши стили
}

.wiki-content li:before {
    // Ваши стили
}


Если у вас используется препроцессор, к примеру Less, можно сделать еще проще:

.wiki-content {

    ol {
        // Ваши стили
    }

    li {
        // Ваши стили
        &:before {
            // Ваши стили
        }
    }
}