Question

我正在尝试定位<a>元素，其类“topictitle”在<a>标记内包含文字“手套”。这可能吗？

编辑：我正在使用wordpress WP scraper插件，选择器确定它刮擦的内容。我正在寻找一个非常具体的刮痕

Answer 1

你可以试试这个：

a[class*="topictitle"]

就使用同一个类格式化特定文本而言，我认为CSS属性选择不会更进一步。

Answer 2

我想在CSS中没有办法，但肯定存在于JS中。

检查 demo 或

尝试执行代码

<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>

Answer 3

如果您已阅读CSS Selectors by W3C上的文档，那么您就会知道CSS选择器只能用于定位文档树中的元素。

您最多可以根据type，attributes，class，id，pseudo-class，pseudo-element，{来选择元素{1}}，descendant和child。

此外，在这种情况下，您可以使用JavaScript代替CSS作为JavaScript，这样您就可以根据元素中的文本进行检查。

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

3 个答案:

尝试执行代码