如何仅对文章内容中的 h3 标签应用特定样式，而避免全局 h3 样式的影响？

发布日期： 2024-10-30 阅读量： 作者： 网络

排除 css 选择中的特定元素

当外部样式规则与特定元素的样式冲突时，可以在 CSS 中使用排除选择器来排除该元素。排除选择器使用:not()伪类选择器，其后的表达式中指定被排除的元素。

问题：

一个项目中，对 h3 标签应用了全局样式。现在，文章内容中的 h3 标签也受到该全局样式的影响。能否在不修改全局 h3 样式的情况下，解决这一问题？

答案：

可以使用:not()排除选择器，指定文章内容外部div的 id 属性（ac_content），以排除其内部的 h3 标签，使其不受全局 h3 样式影响。

CSS 代码：

h3:not(#ac_content h3){
    /* 针对文章内容外部 `h3` 标签的样式 */
}

随便看看