如何覆盖用户代理样式？ [复制]

Question

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

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

Answer 1

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

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

因此，只需编写一个规则集，其中包含与元素匹配的选择器、与您要更改的内容匹配的属性以及正确的有效值。

div {
    display: inline;
}