未应用用户代理样式表

Question

它是一个简单的无序列表，我正在处理它，不能公开大部分工作，但我在这个列表中使用 Material UI。

现在，问题

(user agent) html.css 

有一个 css 写有

padding-inline-start: 40px

但它不适用于 ul 元素。 虽然当我在“元素”中输入它时，它工作得很好。

我对此的研究导致知道每个浏览器都有自己的 css 编写，称为

user agent stylesheet

不知道这里发生了什么，但是是的，发展变得一团糟。 如果有人知道答案，请提前致谢。

Answer 1

根据这个线程，用户代理样式表被您输入的任何自定义样式表覆盖：

用户代理样式表会被您在自己的样式表中设置的任何内容覆盖。 它们只是最底层：在页面或用户没有提供任何样式表的情况下，浏览器仍然必须以某种方式呈现内容，而用户代理样式表只是描述了这一点。

您正在使用的 Material 样式表可能会覆盖padding-inline-start的默认值。 在“元素”中输入它时它发生变化的原因是因为在应用了所有其他 CSS之后您正在更改页面。 您可以尝试在 CSS 的底部添加一个style元素，以根据您的需要设置属性。