Merge pull request #410 from AdguardTeam/Update_ExtendedCss_information

Update ExtendedCss information
This commit is contained in:
Andrey Meshkov 2020-06-22 18:00:57 +03:00 committed by GitHub
commit 2fbf7969d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 0 deletions

View File

@ -85,6 +85,7 @@ visible: true
* [Pseudo-class `:nth-ancestor()`](#extended-css-nth-ancestor)
* [Pseudo-class `:upward()`](#extended-css-upward)
* [Selectors debugging mode](#selectors-debugging-mode)
* [Pseudo-property `remove`](#pseudo-property-remove)
* [Testing extended selectors](#testing-extended-selectors)
* [HTML filtering rules](#html-filtering-rules)
* [Syntax](#html-filtering-rules-syntax)
@ -1365,6 +1366,13 @@ Sometimes, you might need to check the performance of a given selector or a styl
```
#$#.banner { display: none; debug: global; }
```
<a id="pseudo-property-remove"></a>
### Pseudo-property `remove`
Sometimes, it is necessary to remove a matching element instead of hiding it or applying custom styles. In order to do it, you can use a special style property: `remove`.
`.banner { remove: true; }`
> Please note, that other style properties will be ignored if `remove` is specified.
<a id="testing-extended-selectors"></a>
##### Testing extended selectors

View File

@ -85,6 +85,7 @@ visible: true
* [Псевдокласс `:nth-ancestor()`](#extended-css-nth-ancestor)
* [Псевдокласс `:upward()`](#extended-css-upward)
* [Режим отладки селекторов](#selectors-debugging-mode)
* [Псевдо-свойство `remove`](#pseudo-property-remove)
* [Тестирование расширенных селекторов](#testing-extended-selectors)
* [Правила фильтрации HTML](#html-filtering-rules)
* [Синтаксис](#html-filtering-rules-syntax)
@ -1362,6 +1363,14 @@ div:has-text(/test/):upward(2)
#$#.banner { display: none; debug: global; }
```
<a id="pseudo-property-remove"></a>
### Псевдо-свойство `remove`
Иногда необходимо именно убрать определенный элемент, а не просто скрыть его или применить какие-либо правила стиля. В таких случаях можно использовать специальное свойство `remove`.
`.banner { remove: true; }`
> Пожалуйста, обратите внимание, если используется свойство `remove`, то другие свойства этого стиля будут проигнорированы.
<a id="testing-extended-selectors"></a>
#### Тестирование расширенных селекторов