基于内容设置锚点样式
问:是否可以单独使用 CSS 对锚点链接中包含的特定单词应用独特的样式?
答:很遗憾,没有。提议的 CSS3 选择器 :contains 不属于当前 CSS3 选择器工作草案的一部分。因此,JavaScript 是达到预期效果所必需的。
例如,可以使用以下 JavaScript 代码:
Array.from(document.links).forEach(link => { if (/\bSpecificWord\b/i.test(link.innerHTML)) { link.style.color = 'red'; } });
HTML 示例:
<a href="#">SpecificWord</a> <a href="#">OtherWords</a>
以上是您可以单独使用 CSS 来设置锚链接内特定单词的样式吗?的详细内容。更多信息请关注PHP中文网其他相关文章!