Almanach CSS 2025, Leden

Selektor #id umožňuje cílit na prvek odkazem na atribut id HTML. Podobné tomu, jak jsou atributy třídy označovány v CSS s „tečkou“ “

: Neplatný selektor umožňuje vybrat prvky, které neobsahují platný obsah, jak je určeno jeho atributem typu. : neplatný je definován v CSS "

Obecný sourozenecký kombinátor (~) v CSS vypadá takto: .featured-image ~ p (font-size: 90%;) V tomto příkladu byste vybrali všechny "

Třída: focus pseudo v CSS se používá pro styling prvku, na který je aktuálně cílena klávesnice nebo aktivován myší. Zde je příklad: „

The: focus-within pseudo selector v CSS je trochu neobvyklý, i když dobře pojmenovaný a poněkud intuitivní. Vybírá prvek, pokud tento prvek obsahuje

Selektor prvního typu v CSS umožňuje cílit na první výskyt prvku v jeho kontejneru. Je definován v CSS Selectors Level 3 "

The: hover pseudo class in CSS selects elements when the mouse cursor is current over them. Obvykle je spojován s odkazem () "

:: první řádek pseudoelementu je pro použití stylů na první řádek prvku. Představte si odstavec, který má několik řádků (například tento!). “

Selektor: first-child umožňuje cílit na první prvek bezprostředně uvnitř jiného prvku. Ve specifikaci úrovně CSS Selectors Level 3 je definována jako „

:: first-letter je pseudoprvek, který umožňuje stylovat první písmeno v elementu, aniž by bylo nutné kolem tohoto prvního lepit tag "

The: empty pseudo selector will select elements that contain either nothing or only an HTML comment. div: prázdný (displej: žádný;) bude odpovídat "

Podřízený kombinátor v CSS je symbol „větší než“, vypadá takto: ol> li (color: red;) To znamená „vybrat prvky, které jsou přímými potomky“

The: enabled pseudo-class in CSS selects focusable elements that are not disabled, and therefore enabled. Je spojen pouze s prvky formuláře "

Selektor třídy v CSS začíná tečkou (.), Například takto: .class () Selektor třídy vybírá všechny prvky s odpovídajícím atributem třídy. Například,"

Pseudotřída: dir () v CSS umožňuje výběr prvků na základě směru jazyka, jak je stanoveno ve značce HTML. Opravdu existují

The: disabled pseudo-class selector provides conditional styling to HTML elements that can receive user input, when the elements have the disabled "

Potomek selektor v CSS je libovolný selektor s mezerou mezi dvěma selektory bez kombinátoru. Zde je několik příkladů: ul li () header h2 () "

The: default pseudo selector will match the default in a group of associated elements, such as the radio button in a group of buttons that is selected by "

The: checked pseudo-class in CSS selects elements when they are in the selected state. Je spojen pouze se vstupními () prvky typu rádio a "

Prázdná pseudotřída navazuje na prázdnou pseudotřídu. Jako: prázdný,: prázdný vybere prvky, které neobsahují vůbec nic nebo obsahují pouze HTML "

Existuje mnoho způsobů, jak můžete vybrat prvky v CSS. Nejzákladnější výběr je podle názvu značky, například p (). Téměř cokoli konkrétnějšího než značka “

Pseudoelementy :: before a :: after v CSS vám umožňují vložit obsah na stránku, aniž byste museli být v HTML. Zatímco konečný výsledek není “

Div (z-index: 1; / * integer * /) Vlastnost z-index v CSS řídí pořadí vertikálního stohování prvků, které se překrývají. Stejně jako v tom, který z nich se zobrazí jako „

The: any-link pseudo-class in CSS provides a method for selecting elements that are the source anchor of a hyperlink. Pokud vás pojem zdrojová kotva ztratil, “

Aktivní pseudo selektor mění vzhled odkazu, když je aktivován (při kliknutí nebo jiném aktivování). Obvykle je to jen vidět “

Sousední sourozenecký kombinátor v CSS není selektor sám o sobě, ale způsob kombinace dvou selektorů. Například: p + p (margin: 0;) Znaménko plus „

Vlastnost width v CSS určuje šířku oblasti obsahu prvku. Tato oblast „obsahu“ je část uvnitř výplně, ohraničení a okraj

Vlastnost prázdné místo určuje, jak je text zpracován u prvku, na který je aplikován. Řekněme, že máte HTML přesně takto: spoustu slov, která "

Vlastnost přiblížení v CSS vám umožňuje škálovat obsah. Je nestandardní a původně byl implementován pouze v aplikaci Internet Explorer. Ačkoli několik "

Vlastnost mezer mezi slovy je podobná mezerám mezi písmeny, i když přirozeně její použití určuje velikost mezery mezi slovy v textu, nikoli „