样式在CSS中的使用方式

嗨，我是新来的CSS和玩。我有这个例子

HTML:

为什么“市场内部”h4使用的是锡耶纳而不是黄色？ 抱歉，如果这是一个愚蠢的问题。

请参阅

无论是

color:yellow

还是

color:sienna

都不是（这很好，

！important

很可怕）

h4

和

第h4条

都与元素匹配

除了h4

和

第h4条

都包含2个类型选择器，没有其他影响特异性的内容，因此它们是相同的

---

第h4条

是，因此它是最后应用的，并覆盖以前的匹配规则。

因为代码是从上到下正确读取的

aside h4{font-style:italic !important; color:yellow;}
article h4{font-style:normal; color:sienna;}

首先，将h4的

放在一旁
（及其子项）用黄色表示

这就是这个：
对市场的影响

然后你给h4的
文章
（和它的孩子们）的颜色锡耶纳

它会立即覆盖代码。如果你切换线路的位置，你可以看到它现在确实变黄了

尝试使用以下CSS

aside > h4{font-style:italic !important; color:yellow;}
article > h4{font-style:normal; color:sienna;}

此处
将强制选择器对直接子项/子项应用样式，而不是对孙辈/孙辈应用样式
清除答案@user3497432：你应该仔细查看关于细节的链接，这是一个典型的例子。@Quentin非常感谢。很抱歉愚蠢地问我的回答有什么错，或者我误解了这个问题？？？…所以我下次会处理这个问题..请注意..提前感谢你的回答。虽然你的回答强调了如何使用更具体的CSS，但它没有回答这个问题。这可能就是你被否决的原因。+1用于解释样式是按顺序应用的。这一事实以及解释最后一种样式如何覆盖前一种样式都有帮助！
aside h4{font-style:italic !important; color:yellow;}
article h4{font-style:normal; color:sienna;}

aside > h4{font-style:italic !important; color:yellow;}
article > h4{font-style:normal; color:sienna;}