我应该使用哪个？ （性能）

Question

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

在设置其所有子项继承的样式时，是否建议最具体？

  

结构： html＆gt;身体＆gt; parent_content＆gt;包装器＆gt; 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;
}

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