Narzędzia do przechwytywania i konwertowania Internetu

Korzystanie z selektorów CSS w GrabzIt

Selektory CSS są używane w elemencie docelowym, ukryj element i poczekaj, aż cechy elementu zidentyfikują jeden lub więcej elementów HTML. Dwa główne typy selektorów CSS to wybór według identyfikatora lub klasy. Element HTML ma identyfikator, jeśli zawiera atrybut id, jak pokazano poniżej.

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

Aby go wybrać, utwórz selektor CSS jak #myidentifier

Jeśli element HTML ma klasę, będzie miał atrybut class, jak pokazano w tym przykładzie.

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

Aby go wybrać, utwórz selektor CSS jak .myclass

Jeśli chcesz wybrać konkretny element z klasą myclass w tym przypadku możesz użyć standardowych selektorów CSS nth-child (2) selektor tak: .myclass:nth-child(2) aby wybrać drugą rozpiętość myclass. Będzie to jednak działać tylko w tym przypadku, ponieważ pod rodzicielskim elementem div nie ma innych elementów. Jeśli na przykład byłby element ap, zmieniłby on indeks n-tego dziecka.

Obsługa wielu pasujących elementów

Jeśli wiele elementów HTML zostanie zwróconych z selektora CSS i używasz elementu docelowego lub czekasz na funkcje elementu, użyty zostanie tylko pierwszy pasujący element. Jednak jeśli używasz funkcji ukrywania elementu, wszystkie pasujące elementy HTML zostaną ukryte.

Jeśli chcesz ukryć wiele elementów o różnych identyfikatorach lub klasach, możesz to zrobić, oddzielając każdy selektor CSS przecinkiem. Na przykład, aby ukryć przykładową klasę i identyfikator powyżej, użyłbyś następujących #myidentifier,.myclass