| Index: pages/filter-cheatsheet.html |
| =================================================================== |
| --- a/pages/filter-cheatsheet.html |
| +++ b/pages/filter-cheatsheet.html |
| @@ -805,22 +805,26 @@ |
| <col class="selector"> |
| <col class="selectorPurpose"> |
| <tr> |
| <th>{{ pseudo-class-header[header] Pseudo-class }}</th> |
| <th>{{ s127 Purpose }}</th> |
| </tr> |
| <tr> |
| <td><code>:-abp-properties()</code></td> |
| - <td>{{ abp-properties-purpose Select an element if its CSS style properties match what's specified }}</td> |
| + <td>{{ abp-properties-purpose Select an element if its CSS style properties match what's specified. You can pass a regular expression by surrounding it with "/". }}</td> |
| </tr> |
| <tr> |
| <td><code>:-abp-has()</code></td> |
| <td>{{ abp-has-purpose Select an element if its content subtree match the selector specified }}</td> |
| </tr> |
| + <tr> |
| + <td><code>:-abp-contains()</code></td> |
| + <td>{{ abp-contains-purpose Select an element if its text content contains the specified string }}</td> |
| + </tr> |
| </table> |
| <p>{{ abp-pseudo-select-2 When writing element hiding filters that make use those you must use the <code>#?#</code> syntax (replace <code>##</code> with <code>#?#</code>) and take care to specify one or more domains. Some examples: }}</p> |
| <table> |
| <col class="selector"> |
| <col class="selectorPurpose"> |
| <tr> |
| @@ -839,16 +843,20 @@ |
| <td><code>example.com#?#div:-abp-has(> div > img:-abp-properties(width:300px;height:250px;))</code></td> |
| <td>{{ abp-has-example2 Matches <code><fix>div</fix></code> elements that contain as a direct descendant a <code><fix>div</fix></code> element whose direct descendant is an <code><fix>img</fix></code> element whose style properties contain the specified properties, a <code><fix>width</fix></code> of 300 pixels and an <code><fix>height</fix></code> of 250 pixels }}</td> |
| </tr> |
| <tr> |
| <td><code>example.com#?#div:-abp-has(> div > img:-abp-properties(WidTh:300px;hEigHt:250px;))</code></td> |
| <td>{{ abp-has-example3 Since the CSS properties are matched case-insensitively, this filter matches the same thing as above }}</td> |
| </tr> |
| <tr> |
| + <td><code>example.com#?#div:-abp-has(> span:-abp-contains(Advertisment))</code></td> |
| + <td>{{ abp-contains-example1 Matches <code><fix>div</fix></code> elements that have a direct descendent <code><fix>span</fix></code> element containing the text <i>"Advertisment"</i> }}</td> |
| + </tr> |
| + <tr> |
| <td><code>example.com#?#div > img:-abp-properties(width:*px;height:250px;)</code></td> |
| <td>{{ abp-properties-example1 By using a wildcard <code>*</code>, this filter matches an <code>img</code> whose CSS style properties have a <code>width</code> specified in pixels and a <code>height</code> of 250 pixels }}</td> |
| </tr> |
| <tr> |
| <td><code>example.com#?#div > img:-abp-properties(/width: 3[2-8]px;/)</code></td> |
| <td>{{ abp-properties-example2 By using a regular expression, this filter matches an <code>img</code> whose CSS style properties have a <code>width</code> between 32 and 38 pixels }}</td> |
| </tr> |
| </table> |