如何覆盖用户代理样式？

Question

我正在一个网页上工作,我在那里使用CSS样式表而不是内联样式.问题是,当我检查页面的chrome中的元素时,我可以看到几乎所有元素都继承了一些用户代理样式.我甚至无法取消选中属性值,例如.div{display: block},在DevTools的样式部分下面user agent stylesheet,就像我可以与其余的样式.

我该如何解决？或者更好的我如何删除用户代理样式？

Answer 1

用户代理样式表只是元素附带的默认样式.

应用于元素的任何CSS规则都将覆盖用户代理样式表中的值.

因此,只需编写一个带有与元素匹配的选择器的规则集,其属性与您想要更改的属性相匹配,并且该属性的值正确.

div {
    display: inline;
}