Как переопределить глобальный CSS класс в локальном

Question

У меня есть глобальная переменная, определенная для списка, на которую есть ссылка в моем html

ol>li::before, ul>li::before {
color: #FFFFFF;
content: '\00A7';
display: inline-block;  
position: absolute;
}

Я пытаюсь переопределить это в моем html, так как мне нужно удалить только эту строку:

content: '\00A7';

Если я просто использую его в локальном файле, он не переопределяется. Любые предложения о том, как это исправить?

Answer 1

у вас есть три способа достичь этого.

1. добавить !important после вашего css в вашем файле css

ol>li::before, ul>li::before {
content: '\00A7' !important;
} 

добавьте css после глобального css в вашем html

<link rel="stylesheet" href="global.css">
<link rel="stylesheet" href="my.css">

добавить тег в элемент html

<ol my-tag>
...
</ol>

ol[my-tag]>li::before{
    // your own css
}