如何用CSS批量隐藏WordPress锚点元素前置的链接符号？

你之前的代码无法批量隐藏锚点符号，核心问题是伪元素的写法错误，以下是可行的解决方案：

方案一：精准匹配指定类的锚点 #

直接针对所有带有wpsal-anchor类的链接，隐藏其前置伪元素：

.entry-container .entry-content a.wpsal-anchor::before {
  display: none;
}

这个选择器的优先级和你原来给链接加符号的选择器一致，能直接覆盖样式。如果遇到样式被强制覆盖的情况，可以添加!important（尽量优先不用，仅在必要时添加）：

.entry-container .entry-content a.wpsal-anchor::before {
  display: none !important;
}

方案二：匹配所有结尾为-anchor的锚点类 #

如果你的锚点有多种类似命名的类（比如xxx-anchor），可以用属性选择器批量匹配：

.entry-container .entry-content a[class$="-anchor"]::before {
  display: none;
}

[class$="-anchor"]会匹配所有class属性值以-anchor结尾的<a>元素，实现更宽泛的批量隐藏。

为什么你之前的代码无效？ #

你写的[class$="wpsal-anchor::before"]是错误写法：::before是伪元素，属于选择器的一部分，必须放在元素选择器的后面，不能嵌套到class属性的匹配规则里。属性选择器[class$="xxx"]仅用来匹配元素的class属性值，和伪元素是两个独立的部分。

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