css 样式重写无效， 如何生效 !important

[zanjs]

css 样式重写无效， 如何生效 !important

[zanjs]

有其他优先级更高的样式覆盖了这个样式

1. 内联样式表的权值最高 1000；

2. ID 选择器的权值为 100

3. Class 类选择器的权值为 10

4. HTML 标签选择器的权值为 1

5 继承样式的权值为0.1(某些论文提出，但毫无疑问它的权值是最低的)

css优先级：!important > 内联 > id选择器 > 类选择器 > 元素选择器

选择器都有一个权值，权值越大优先级越高。

假设内联的权值为 1000 ，id100 ，类 10 ，元素 1

.nav-wrap ul li 的权值为 10+1+1=12

.line-active 的权值为 10

所以 .nav-wrap ul li 比 .line-active 有更高的优先级