首页 > web前端 > css教程 > 正文

您可以单独使用 CSS 来设置锚链接内特定单词的样式吗?

DDD
发布: 2024-11-17 14:50:02
原创
114 人浏览过

Can You Style Specific Words Inside Anchor Links with CSS Alone?

基于内容设置锚点样式

问:是否可以单独使用 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板