我应该使用哪一个?(性能)

Question

我想知道一件简单的事情：

当设置一个所有子代都继承的样式时，是否建议它是最具体的？

结构：html>body>parent_content>wrapper>p

我想将一种样式应用于p，但要尊重以下内容：

• 我不在乎parent_content或wrapper有这种风格
• 我确实关心更改html或body样式（或所有p）

那么我应该用什么呢？

#parent_content{
    color:#555;
}
#parent_content p{
    color:#555;
}
#wrapper{
    color:#555;
}
#wrapper p{
    color:#555;
}
/*...etc...*/

此外，一些关于这方面的教程链接将是很棒的

Answer 1

在特异性方面，给p一个id并使用

#paragraphid {}

但答案取决于您的实际需求。我会分解你的代码

#parent_content{
    color:#555;
}

将应用颜色的文本内部，并且可能在其子对象内部也

#parent_content p{
    color:#555;
}

将颜色应用于#parent_content内的所有p及其子

#wrapper{
    color:#555;
}

将颜色应用于其中的所有文本及其子