根据子元素的内容为父元素编写ublock过滤规则

9 html css filter css-selectors

我想编写一个 ublock 过滤器来隐藏具有特定类和内容的列表元素,而我不想隐藏不具有此内容的其他列表项:

class =“mp-Listing-priority”
内容是“Topad”

这是我想要隐藏的项目的 html 代码。

<li class="mp-Listing mp-Listing--list-item ">
    <a href="" class="mp-Listing-cover-link experimentStateC"></a>
    <figure class="mp-Listing-image-container"></figure>
    <div class="mp-Listing-content">
        <div class="mp-Listing-group mp-Listing-group--main"></div>
        <div class="mp-Listing-group mp-Listing-group--aside">
            <div class="mp-Listing-group mp-Listing-group--top-block"></div>
            <div class="mp-Listing-group mp-Listing-group--bottom-block">
                <span class="mp-Listing-priority">Topad</span>
                <span class="mp-Listing-seller-link">
                    <a href="https://.../" target="_blank" rel="noopener noreferrer nofollow" class="mp-TextLink ">Visit website</a>
                </span>
            </div>
        </div>
    </div>
</li>
Run Code Online (Sandbox Code Playgroud)

下面的示例都没有隐藏我想要隐藏的列表元素:

##li.mp-Listing--list-item[class="mp-Listing-priority"]
##li.mp-Listing--list-item["Topad"]
Run Code Online (Sandbox Code Playgroud)

小智 5

答案是

##li.mp-Listing--list-item:has-text(Topad)
Run Code Online (Sandbox Code Playgroud)

谢谢你