如何在CSS中排除指定类？以.et_pb_image_wrap为例

没问题，我来帮你搞定这个需求。你现在的CSS是给.et_pb_text_inner里的所有a标签设置白色文字，但想排除那些在.et_pb_image_wrap元素内的a标签对吧？有两种常用的方法，我都给你列出来：

方法1：使用CSS优先级覆盖（兼容性最好） #

这种方法最稳妥，不管是新老浏览器都能完美支持。先保留你原来的基础样式，然后专门写一条更具体的样式，覆盖掉.et_pb_image_wrap内部的a标签样式：

/* 原来的基础样式：给.et_pb_text_inner内的a标签设置白色 */
.et_pb_text_inner a {
  color: #fff;
}

/* 覆盖规则：让.et_pb_image_wrap内部的a标签恢复默认颜色（或自定义颜色） */
.et_pb_image_wrap .et_pb_text_inner a {
  color: inherit; /* inherit会继承父元素的颜色，你也可以换成具体值比如#000 */
}

原理很简单：CSS中更具体的选择器优先级更高，这条新增的样式会“覆盖”掉之前的白色设置，从而达到排除特定元素的效果。

方法2：使用:not()伪类（更简洁，适合现代浏览器） #

如果你只需要兼容Chrome、Firefox、Edge等现代浏览器，直接用:not()伪类来过滤掉不需要应用样式的a标签会更简洁：

.et_pb_text_inner a:not(.et_pb_image_wrap a) {
  color: #fff;
}

或者更严谨一点，确保排除所有位于.et_pb_image_wrap后代层级里的a标签：

.et_pb_text_inner :not(.et_pb_image_wrap) a {
  color: #fff;
}

这条选择器的意思是：选中.et_pb_text_inner里的所有a标签，但排除那些被.et_pb_image_wrap元素包裹的a标签。

额外小提示 #

如果.et_pb_image_wrap是a标签的直接父元素，你还可以写得更精准，避免影响其他层级：

.et_pb_text_inner a:not(.et_pb_image_wrap > a) {
  color: #fff;
}

这样只会排除直接被.et_pb_image_wrap包裹的a标签，不会干扰更深嵌套的元素。

内容的提问来源于stack exchange，提问作者Namelessandroid