Almanach CSS 2025, Styczeń

Selektor #id umożliwia wskazanie elementu poprzez odwołanie się do atrybutu HTML id. Podobnie jak atrybuty klas są oznaczane w CSS „kropką” „

Selektor: invalid umożliwia wybranie elementów, które nie zawierają prawidłowej treści, zgodnie z atrybutem type. : nieprawidłowy jest zdefiniowany w CSS "

Ogólny kombinator rodzeństwa (~) w CSS wygląda następująco: .ferated-image ~ p (font-size: 90%;) W tym przykładzie wybierasz wszystko "

Pseudoklasa: focus w CSS jest używana do nadawania stylu elementowi, który jest aktualnie celem klawiatury lub aktywowany myszą. Oto przykład:"

Pseudo selektor: focus-within w CSS jest nieco nietypowy, chociaż dobrze nazwany i raczej intuicyjny. Wybiera element, jeśli ten element zawiera „

Selektor: first-of-type w CSS pozwala wskazać pierwsze wystąpienie elementu w jego kontenerze. Jest zdefiniowany w selektorach CSS na poziomie 3 "

Pseudoklasa: hover w CSS wybiera elementy, gdy kursor myszy znajduje się nad nimi. Jest często powiązany z linkiem () ”

Pseudoelement :: first-line służy do stosowania stylów do pierwszej linii elementu. Wyobraź sobie akapit, który ma kilka wierszy (jak ten!) ”.

Selektor: first-child umożliwia wskazanie pierwszego elementu bezpośrednio wewnątrz innego elementu. Jest zdefiniowany w specyfikacji CSS Selectors Level 3 jako „

:: pierwsza litera to pseudoelement, który pozwala na stylizowanie pierwszej litery w elemencie bez konieczności przyklejania tagu do pierwszej litery "

Pseudo selektor: empty wybierze elementy, które nie zawierają nic lub zawierają tylko komentarz HTML. div: empty (display: none;) Dopasuje „

Kombinator potomny w CSS to symbol „większe niż”, wygląda to tak: ol> li (kolor: czerwony;) ​​Oznacza „wybierz elementy, które są bezpośrednimi potomkami”

Pseudoklasa: enabled w CSS wybiera aktywne elementy, które nie są wyłączone, a zatem włączone. Jest powiązany tylko z elementami formularza "

Selektor klasy w CSS zaczyna się od kropki (.), Na przykład: .class () Selektor klasy wybiera wszystkie elementy z pasującym atrybutem klasy. Na przykład,"

Pseudoklasa: dir () w CSS umożliwia wybieranie elementów na podstawie kierunku języka, określonego w znaczniku HTML. Są naprawdę "

Selektor pseudoklasy: disabled zapewnia stylizację warunkową dla elementów HTML, które mogą przyjmować dane wejściowe użytkownika, gdy elementy mają wyłączoną opcję "

Selektor podrzędny w CSS to dowolny selektor z białą spacją między dwoma selektorami bez kombinatora. Oto kilka przykładów: ul li () nagłówek h2 () "

Pseudo selektor: default będzie pasował do wartości domyślnej w grupie skojarzonych elementów, takich jak przycisk radiowy w grupie przycisków wybieranych przez "

Pseudoklasa :Check w CSS wybiera elementy, gdy są one w wybranym stanie. Jest powiązany tylko z elementami input () typu radio i „

Pseudoklasa: blank jest zbudowana na podstawie pseudoklasy: empty. Na przykład: empty,: blank wybierze elementy, które w ogóle nie zawierają lub zawierają tylko kod HTML "

Istnieje wiele sposobów wybierania elementów w CSS. Najbardziej podstawowym wyborem jest nazwa tagu, np. P (). Prawie wszystko bardziej szczegółowe niż tag ”

Pseudoelementy :: before i :: after w CSS umożliwiają wstawianie treści na stronę bez konieczności umieszczania jej w kodzie HTML. Chociaż efektem końcowym nie jest „

Div (z-index: 1; / * integer * /) Właściwość z-index w CSS kontroluje pionową kolejność nakładania się elementów. Jak w, który pojawia się jako „

Pseudoklasa: any-link w CSS zapewnia metodę wybierania elementów, które są źródłowymi kotwicami hiperłącza. Jeśli termin kotwica źródłowa cię zgubił, "

Pseudo selektor: active zmienia wygląd linku podczas jego aktywacji (kliknięcia lub aktywowania w inny sposób). Zwykle jest widoczny tylko "

Sąsiedni kombinator rodzeństwa w CSS nie jest samodzielnym selektorem, ale sposobem łączenia dwóch selektorów. Na przykład: p + p (margines: 0;) Znak plus "

Właściwość width w CSS określa szerokość obszaru zawartości elementu. Ten obszar „treści” to część wewnątrz wypełnienia, obramowania i marginesu „

Właściwość odstępu kontroluje sposób obsługi tekstu w elemencie, do którego jest stosowany. Załóżmy, że masz taki kod HTML: kilka słów, które „

Właściwość powiększenia w CSS umożliwia skalowanie zawartości. Jest niestandardowy i pierwotnie został zaimplementowany tylko w przeglądarce Internet Explorer. Chociaż kilka "

Właściwość odstępów między wyrazami jest podobna do odstępów między literami, chociaż oczywiście jej użycie reguluje wielkość odstępu między wyrazami w tekście, a nie „