Selektory CSS

Pseudoklasa CSS :nth-last-child() działa prawie tak samo, jak pseudoklasa :nth-child(), tylko wybiera elementy od końca, zamiast od początku grupy elementów. Używa się jej na przykład do naprzemiennego kolorowania wierszy tabeli i wielu innych celów. Pseudoklasa … Więcej

Pseudoklasa CSS :nth-last-of-type(), podobnie jak :nth-of-type, wybiera elementy na podstawie ich miejsca w grupie elementów siostrzanych tego samego typu, ale rozpoczyna wybieranie od ostatniego elementu grupy, a nie od pierwszego. Pseudoklasa :nth-last-of-type() przyjmuje takie same … Więcej

Pseudoklasa CSS :nth-of-type() wybiera elementy na podstawie ich miejsca w grupie elementów siostrzanych tego samego typu. Działa bardzo podobnie do pseudoklasy :nth-child(), ale różni się od niej ważnym szczegółem – wybiera elementy określonego typu znajdujące … Więcej

Pseudoklasa CSS :only-child wybiera elementy, które nie mają elementów siostrzanych, tzn. są jedynym dzieckiem swojego rodzica. Istnieje podobna pseudoklasa o nazwie :only-of-type, która wybiera element, jeśli jest on jedynym dzieckiem określonego typu swojego rodzica. Przykład … Więcej

Pseudoklasa CSS :only-of-type wybiera element, jeśli jest on jedynym dzieckiem danego typu swojego rodzica. Innymi słowy, wybiera tylko te elementy, które nie mają elementów siostrzanych tego samego typu. Istnieje także podobna pseudoklasa o nazwie :only-child, … Więcej

Pseudoklasa CSS :optional wybiera wszystkie elementy input, select i textarea, które są opcjonalne, czyli nie mają atrybutu required. Za jej pomocą można na przykład wyróżnić wizualnie pola formularza, których nie ma obowiązku wypełniać. Przykład użycia … Więcej

Pseudoklasa CSS :out-of-range wybiera wszystkie elementy input, które mogą mieć zakres dopuszczalnych wartości zdefiniowany przez atrybuty min i max oraz których obecna wartość nie mieści się w tym przedziale. Odwrotnością pseudoklasy :out-of-range jest pseudoklasa :in-range. … Więcej

Pseudoklasa CSS :picture-in-picture wybiera element, który jest wyświetlany w trybie picture in picture (obraz w obrazie), jak na przykład małe okienko z filmem wyświetlone na dużym oknie z innym filmem. Przykład użycia :picture-in-picture Poniższa reguła … Więcej

Pseudoklasa CSS :placeholder-shown wybiera elementy input i textarea wyświetlające tekst pomocniczy. Inaczej mówiąc pseudoklasa ta odnosi się do wszystkich elementów input i textarea, które mają zdefiniowany atrybut ::placeholder i jego wartość jest widoczna dla użytkownika. … Więcej

Pseudoklasa CSS :read-only wybiera elementy, które są przeznaczone tylko do odczytu, tzn. użytkownik nie ma możliwości ich edytowania (jest odwrotnością pseudoklasy :read-write). W praktyce oznacza to, że domyślnie pseudoklasa ta nie odnosi się tylko do … Więcej