• Przejdź do głównej nawigacji
  • Przejdź do treści
  • Przejdź do głównego paska bocznego
  • Przejdź do stopki
Testelka.pl

Testelka.pl

Testelka.pl - o technologiach w testowaniu oprogramowania

  • Kursy
    • DARMOWY: Java dla testerów
    • Selenium w Javie
    • Selenium w C#
    • Testy API w REST Assured
    • Selektory CSS
    • XPath
  • Materiały na raz
  • Blog
  • O Eli
  • Zaloguj się
  • DOŁĄCZ

Selektory CSS 3. Selektory specjalne – id i klasa elementu

Strona główna > Kursy > Selektory CSS dla testerów > Selektory CSS 3. Selektory specjalne – id i klasa elementu

Wiemy już jak wyszukiwać elementy po wartości dowolnego atrybutu, w tym klasy i id. Dzisiaj jednak poznamy selektory specjalne, czyli skrócony zapis wyszukiwania po klasie i id.

Przewodnik po selektorach CSS i XPath

Przy lekcjach dotyczących selektorów CSS i XPatha, a już szczególnie przy zadaniach, pomocny się może okazać przewodnik po selektorach CSS i XPath.

>> Dostaniesz go tutaj


Selektory specjalne

Id

Istnieje skrócony zapis wyszukiwania elementów po id – używamy w tym celu # (SHIFT+3). W jaki sposób łączyć taki selektor np. z konstrukcją, którą poznaliśmy w poprzedniej lekcji (tą w nawiasach kwadratowych) oraz jak do tego dodać taga, zobaczysz na filmie.

Klasa

Skrócony zapis możemy też użyć w przypadku klasy (za pomocą zwykłej kropki). Takie wyszukanie różni się jednak od klasycznego wyszukania jakie poznaliśmy w poprzedniej lekcji ([class=’pierwsza-klasa druga-klasa trzecia-klasa']). Po pierwsze możemy tam podać tylko jedną klasę. Pod drugie zapis taki nie jest równoznaczny z [class=’jakaś-klasa']. Ten ostatni wyszuka elementy, których wartość atrybutu class jest dokładnie taka jak podana, podczas gdy za pomocą skróconego zapisu możemy znaleźć elementy posiadające jakąś klasę niezależnie od tego, czy ten element posiada jeszcze jakieś klasy. Więcej o tych różnicach oraz jak to połączyć z innymi warunkami mówię na filmie.

 

Reader Interactions

Komentarze

Nie masz aktywnej subskrypcji. Wykup subskrypcję albo zaloguj się, by móc komentować.

Pierwszy Sidebar

LEKCJE W KURSIE

  • Co to jest CSS i do czego służą selektory CSS
  • Tagi i atrybuty w selektorach CSS
  • Selektory specjalne - id i klasa elementu
  • Zadanie: atrybuty w selektorach CSS
  • Fragmenty wartości atrybutów
  • Dzieci, potomkowie, bracia
  • Zadanie: dzieci, potomkowie, bracia
  • Selektory pseudoklas: pozycja
  • Selektory pseudoklas: typy i pusty element
  • Selektor negacji

Footer

Elzbieta Natalia Sadel
Calle Marzo 9 1 D
41009 Sevilla
Hiszpania
NIF: Y7882076J

Zostań trenerem!

Regulamin
Polityka prywatności
Polityka wsparcia w ramach członkostwa

Koszulki i torby dla testerów

Pomoc
Kontakt

Poskładane z 💛 przez Automatela.pl

Ta strona korzysta z ciasteczek aby świadczyć usługi na najwyższym poziomie. Dalsze korzystanie ze strony oznacza, że zgadzasz się na ich użycie.ZgodaNie wyrażam zgodyPolityka prywatności