如何在本地覆盖全局CSS类

Question

我为列表定义了一个全局变量，并且在我的html中引用了

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

我试图在html中覆盖它，因为我必须删除以下行：

content: '\00A7';

如果仅在本地文件中使用它，则不会覆盖。 关于如何解决此问题的任何建议？

Answer 1

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

1. 在您自己的css文件中的css之后添加!important

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

1. 在HTML中的全局CSS之后添加CSS

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

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

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

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