Html 为什么p上的伪选择器不起作用?

Html 为什么p上的伪选择器不起作用?,html,css,Html,Css,我有一个包含ul的div标签,其中有3个li标签,其中有p和h2 除了第一个li之外,我无法在所有li上设置CSS属性: 由于某种原因,在第一个li中,p也发生了位移。 .features li:not(:first child)h2,p{margin left:94px;} 选择器中的逗号将其拆分如下: ✅ .features li:not(:第一个孩子)h2或p 你似乎期望它像这样分开: ❌ .features li:not(:first child)h2或。features li:not(

我有一个包含ul的div标签,其中有3个li标签,其中有p和h2

除了第一个li之外,我无法在所有li上设置CSS属性: 由于某种原因,在第一个li中,p也发生了位移。
.features li:not(:first child)h2,p{margin left:94px;}


选择器中的逗号将其拆分如下:

.features li:not(:第一个孩子)h2
p

你似乎期望它像这样分开:

.features li:not(:first child)h2
。features li:not(:first child)p

CSS没有允许这种速记的语法。你必须明确:

.features li:not(:first-child) h2,
.features li:not(:first-child) p { ... }
有一些预处理器提供了更方便的语法。例如,如果您正在使用SCSS语法编写SASS:

.features li:not(:first-child) {
    h2, p { ... }
}

请提供一个。欢迎使用Stackoverflow:请记住阅读,并确保阅读。在这种情况下,不使用文本描述代码,而是显示HTML(当然,不要“手工重新编写”,复制并粘贴您在页面源代码中实际看到的内容,如果您有任何拼写错误,您发布的代码中也会有拼写错误)。一般的发帖方法是解释你需要什么,展示你写的代码,解释它是如何偏离预期的,并讨论你已经做过的调试。非常感谢你的回答。一切正常。