如何在本地覆盖全局 CSS class

Question

我为列表定义了一个全局变量并在我的 html

中引用

ol>li::before, ul>li::before {
color: #FFFFFF;
content: '[=12=]A7';
display: inline-block;  
position: absolute;
}

我试图在我的 html 中覆盖它，因为我必须删除这一行：

content: '[=13=]A7';

如果我只是在我的本地文件中使用它，它不会被覆盖。 关于如何解决这个问题有什么建议吗？

Answer 1

您可以通过三种方式实现它。

1. 在 css 文件中 css 之后添加 !important

ol>li::before, ul>li::before {
content: '[=10=]A7' !important;
} 

2. 在 html
中的全局 css 之后添加 css

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

3. 在您的 html 元素中添加标签

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

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