基于内容的 CSS 规则

标签 css

<分区>

我想对包含特定单词的所有 anchor 应用不同的样式。可以用纯 CSS 来完成吗?如果它是纯 CSS3 也没关系。

最佳答案

没有。 :contains曾经被提出,但不在当前的CSS3选择器工作草案中。

您需要一些 JavaScript,例如:

for (var i= document.links.length; i-->0;)
    if (/\bSpecificWord\b/i.test(document.links[i].innerHTML)
        document.links[i].style.color= 'red';

关于基于内容的 CSS 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1777357/

相关文章:

jquery - 使用 jquery 淡化背景图片而不会在两者之间变白

javascript - 我想根据浏览器高度更改链接元素的边距

html - Flying Saucer : convert an HTML document to PDF ignoring external CSS?

javascript - CSS 列数和边距

php - Request->file 返回 null 为什么?

html - 如何制作 HTML 导航栏

html - 文本对齐和绝对定位

CSS:如何在不增加弹出窗口大小的情况下扩大内容区域?

css - LESS 中的负变量

javascript - 如何删除 Bootstrap 上两列之间的间隙