CSS结合元素选择器怎么用

这篇“CSS结合元素选择器怎么用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“CSS结合元素选择器怎么用”文章吧。

类选择器可以结合元素选择器来使用。

例如，您可能希望只有段落显示为红色文本：

p.important {color:red;}

选择器现在会匹配 class 属性包含 important 的所有 p 元素，但是其他任何类型的元素都不匹配，不论是否有此 class 属性。选择器 p.important 解释为：“其 class 属性值为 important 的所有段落”。 因为 h2 元素不是段落，这个规则的选择器与之不匹配，因此 h2 元素不会变成红色文本。

如果你确实希望为 h2 元素指定不同的样式，可以使用选择器 h2.important：

p.important {color:red;}
h2.important {color:blue;}

以上就是关于“CSS结合元素选择器怎么用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。