Selektory CSS

Pseudoklasa CSS :in-range wybiera elementy input, które mają określony przedział dopuszczalnych wartości i ich obecna wartość mieści się w tym przedziale. Inaczej mówiąc, pseudoklasa ta wybiera elementy input, których wartość mieści się w przedziale określanym … Więcej

Pseudoklasa CSS :invalid wybiera każdy element formularza, który pośrednio lub bezpośrednio zawiera nieprawidłową wartość lub treść. Oznacza to, że pseudoklasa ta uwzględnia także takie elementy, jak form i fieldset, w których mogą znajdować się elementy … Więcej

Pseudoklasa CSS :is() przyjmuje jako argument listę selektorów rozdzielonych przecinkami i wybiera każdy element pasujący do każdego z tych selektorów. W najprostszej pojedynczej postaci pod względem wybieranych elementów niczym nie różni się od zwykłej listy … Więcej

Pseudoklasa CSS :lang() wybiera elementy na podstawie tego, w jakim są języku, czyli praktycznie na podstawie wartości atrybutu lang lub ustawienia elementu meta. Przykład użycia :lang Przykład użycia pseudoklasy :lang – wszystkie elementy i zawierające … Więcej

Pseudoklasa CSS :last-child wybiera każdy element, który jest ostatnim dzieckiem innego elementu. Jeśli dołączymy ją do selektora, to będzie wybierała każdy element wskazywany przez ten selektor, który jest ostatnim dzieckiem innego elementu. Przykład użycia :last-child … Więcej

Pseudoklasa CSS :last-of-type reprezentuje ostatni element określonego typu spośród grupy elementów siostrzanych, tzn. znajdujących się na tym samym poziomie drzewa dokumentu. Przykład użycia :last-of-type W tym przykładzie czerwony kolor będzie miało słowo tekstu. <style> span:last-of-type … Więcej

Pseudoklasa CSS :link wybiera łącza prowadzące do jeszcze nieodwiedzonych przez użytkownika stron, a więc odnosi się tylko do elementów a oraz area z atrybutem href. Uwaga Pseudoklasa :link wyklucza się wzajemnie z pseudoklasą ::visited, tzn. … Więcej

Pseudoklasa CSS :modal wybiera element, który jest w stanie modalnym, tzn. uniemożliwia interakcję użytkownika z jakimikolwiek innymi elementami na stronie. W HTML elementem, który spełnia te warunki jest dialog, czyli element służący do wyświetlania okien … Więcej

Pseudoklasa CSS :not() (negacji) wybiera te elementy, które nie są reprezentowane przez listę selektorów prostych (rozdzielanych przecinkami), będącą jej argumentem, np.: <style> p :not(span, em) </style> … <p><span>Akapit</span> ciekawego <span>tekstu</span>, który <em>jest</em> <strong>ważny</strong>.</p> Selektor użyty … Więcej

Pseudoklasa CSS :nth-child() odnosi się do elementów na podstawie ich położenia w hierarchii drzewa dokumentu. Wybiera element o określonym numerze lub elementy o określonych numerach z grupy przystających do siebie elementów tego samego typu. Zaczyna … Więcej