如何覆盖用户代理样式？

Question

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

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

Answer 1

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

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

所以只需编写一个规则集，其中包含一个与元素匹配的选择器，其属性与您想要更改的属性相匹配，并且该属性的值正确。

div {
    display: inline;
}