css-以html标记之间的文本字符串为目标的伪选择器_Html_Css

css-以html标记之间的文本字符串为目标的伪选择器

html css

css-以html标记之间的文本字符串为目标的伪选择器,html,css,Html,Css,我试图将类为“topictitle”的元素作为目标，这些元素在标记中有文本“手套”。这可能吗编辑：我正在使用wordpress WP刮片插件，选择器决定刮片的内容。我要做一个非常特殊的刮伤您可以尝试使用以下方法： a[class*="topictitle"] 至于使用同一个类格式化特定的文本，我认为CSS属性选择不能走得更远我想CSS中没有办法，但JS中肯定有办法检查或尝试执行代码托皮蒂特尔先生 { 字体大小：30px； } onload=函数（）{ var link_array=

我试图将

类为“topictitle”的元素作为目标，这些元素在

标记中有文本“手套”。这可能吗

编辑：我正在使用wordpress WP刮片插件，选择器决定刮片的内容。我要做一个非常特殊的刮伤

您可以尝试使用以下方法：

a[class*="topictitle"]

至于使用同一个类格式化特定的文本，我认为CSS属性选择不能走得更远

我想CSS中没有办法，但JS中肯定有办法

检查或

尝试执行代码


托皮蒂特尔先生
{
字体大小：30px；
}
onload=函数（）{
var link_array=document.getElementsByTagName（'a'）；
对于（i=0；i如果您已经在上阅读了文档，那么您将知道CSS选择器只能用于文档树中的目标元素
最多可以根据类型
，属性
，类
，id
，伪类
，伪元素
，子代
，同级
，来选择元素
此外，在这种情况下，您可以使用JavaScript而不是CSS作为JavaScript，这将允许您根据元素中的文本进行检查。您试图对该文本做什么？您知道如何使用JavaScript吗？我想CSS中没有一种方法。这是针对特定事件的吗？您可以使用jQuery的replaceWith（）基于特定事件的函数。
<html>
    <head>
        <style>
            .topictitle
            {
                font-size:30px;
            }
        </style>

        <script>
            onload=function(){
                var link_array=document.getElementsByTagName('a');
                for(i=0; i<link_array.length; i++)
                {
                    if(link_array[i].className.indexOf('topictitle')!=-1 && link_array[i].innerHTML=="glove")
                    {
                        link_array[i].style.backgroundColor="yellow";
                    }
                }
            }
        </script>

        <style>
        </style>
    </head>
    <body>
        <a class=topictitle>glove</a>
        <a>abc</a>
        <a class=topictitle>def</a>
        <a class=topictitle>glove</a>
    </body>
</html>