问一个css样式继承问题

Question

页面上引入了一个样式表a.css，里面有个html{font……。
我不想页面上元素受到这个控制，怎么才能不继承这个html{}里面的属性？

Answer 1

没有集成概念吧？
可以通过覆盖的方式来实现。

Answer 2

可以覆盖再写一次，比如引入b.css,里面写html{font...}

Answer 3

CSS => 层叠样式表， 所以靠层叠咯

Answer 4

根据 CSS 选择器优先级的特性，相同的选择器，在距离文档位置越近的优先级越高。

即，你可以在 a.css 文件后面写一个 all: initial; 来把 html 的所有属性都重置到用户代理（浏览器）的初始值。包括在 a.css 前面定义在 html 这个选择器上的所有属性。

html{
  all: initial;
}

正如其他人所说，最简单的方法就是把 a.css 中 html 选择器的内容删掉。

参考

• all - CSS（层叠样式表） | MDN

Answer 5

可以试下 CSS @layer，降低优先级

@layer utilities;

@import(a.css) layer(utilities);

https://developer.mozilla.org...