基于内容的CSS规则

Question

我想对包含特定单词的所有锚应用不同的样式.它可以在纯CSS中完成吗？如果它只是CSS3,那没关系.

Answer 1

号码: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';

Answer 2

您可以匹配属性值.如果您使用自定义数据属性,它可能会得到您想要的.

Answer 3

是的:contains,CSS3中有一个选择器.

li:contains("special"){text-style: italic;}

它提到的关于1/2降本页面在这里

这也是你也可以用jQuery做的事情 ......