Инструменты для захвата и конвертирования Интернета

Использование CSS-селекторов в GrabzIt

Селекторы CSS используются в целевом элементе, скрывают элемент и ждут, пока элементы элемента идентифицируют один или несколько элементов HTML. Два основных типа селекторов CSS - выбор по идентификатору или классу. Элемент HTML имеет идентификатор, если он содержит атрибут id, как показано ниже.

<span id="myidentifier">Example Text</span>

Чтобы выбрать его, вы создаете селектор CSS, как #myidentifier

Если элемент HTML имеет класс, он будет иметь атрибут класса, как показано в этом примере.

<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>

Чтобы выбрать его, вы создаете селектор CSS, как .myclass

Если вы хотите выбрать определенный элемент с классом myclass Вы можете использовать стандартные селекторы CSS, чтобы сделать это в этом случае п-й ребенок (2) селектор вроде так: .myclass:nth-child(2) выбрать второй диапазон myclass. Однако это будет работать только в этом случае, потому что нет никаких других элементов под родительским элементом div. Например, если бы был элемент ap, это изменило бы индекс nth-child.

Обработка нескольких совпадающих элементов

Если несколько элементов HTML возвращаются из селектора CSS, и вы используете целевой элемент или ожидаете возможности элемента, будет использоваться только первый соответствующий элемент. Однако, если вы используете функцию скрытия элементов, все соответствующие элементы HTML будут скрыты.

Если вы хотите скрыть несколько элементов с разными идентификаторами или классами, вы можете сделать это, разделив каждый селектор CSS запятой. Так, например, чтобы скрыть пример класса и идентификатор выше, вы должны использовать следующее #myidentifier,.myclass