title: Write a ublock filter rule for a parent element based on content of a child element
body: <p>I want to write a ublock filter to hide a list element that has a certain class and content, while I don't want to hide other list items that don't have this content:</p>
  
  <p>class = "mp-Listing-priority"<br>
  content is "Topad"</p>
  
  <p>This is the html code of the item that I want to hide.</p>
  
  <pre><code>&lt;li class="mp-Listing mp-Listing--list-item "&gt;
      &lt;a href="" class="mp-Listing-cover-link experimentStateC"&gt;&lt;/a&gt;
      &lt;figure class="mp-Listing-image-container"&gt;&lt;/figure&gt;
      &lt;div class="mp-Listing-content"&gt;
          &lt;div class="mp-Listing-group mp-Listing-group--main"&gt;&lt;/div&gt;
          &lt;div class="mp-Listing-group mp-Listing-group--aside"&gt;
              &lt;div class="mp-Listing-group mp-Listing-group--top-block"&gt;&lt;/div&gt;
              &lt;div class="mp-Listing-group mp-Listing-group--bottom-block"&gt;
                  &lt;span class="mp-Listing-priority"&gt;Topad&lt;/span&gt;
                  &lt;span class="mp-Listing-seller-link"&gt;
                      &lt;a href="https://.../" target="_blank" rel="noopener noreferrer nofollow" class="mp-TextLink "&gt;Visit website&lt;/a&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>None of the examples below hide the list elements that I want to hide:</p>
  
  <pre><code>##li.mp-Listing--list-item[class="mp-Listing-priority"]
  ##li.mp-Listing--list-item["Topad"]
  </code></pre>