CSS Almanach 2025, Január

ID - CSS-trükkök

ID - CSS-trükkök

Az #id választó lehetővé teszi egy elem célzását az id HTML attribútum hivatkozásával. Hasonló ahhoz, ahogyan az osztályattribútumokat a CSS-ben „periódussal” jelölik

: érvénytelen - CSS-trükkök

: érvénytelen - CSS-trükkök

Az: érvénytelen választó lehetővé teszi olyan elemek kiválasztását, amelyek nem tartalmaznak érvényes tartalmat, a típus attribútuma alapján. : érvénytelen van megadva a CSS-ben "

Általános testvér - CSS-trükkök

Általános testvér - CSS-trükkök

A CSS-ben az általános testvérkombinátor (~) így néz ki: .featured-image ~ p (font-size: 90%;) Ebben a példában az összeset kiválasztaná "

: fókusz - CSS-trükkök

: fókusz - CSS-trükkök

A CSS-ben a: focus pseudo osztály egy olyan elem megtervezésére szolgál, amelyet jelenleg a billentyűzet céloz meg, vagy az egér aktivál. Íme egy példa: "

: fókusz-belül - CSS-trükkök

: fókusz-belül - CSS-trükkök

A CSS-ben a fókuszon belüli álválasztó kissé szokatlan, bár jól megnevezett és meglehetősen intuitív. Kiválaszt egy elemet, ha az elem tartalmaz "

: első típusú - CSS-trükkök

: első típusú - CSS-trükkök

A CSS-ben az első típusú választó lehetővé teszi, hogy megcélozza egy elem első előfordulását a tárolójában. A CSS 3. szintű kiválasztók határozzák meg

: lebeg - CSS-trükkök

: lebeg - CSS-trükkök

A CSS: hover pseudo osztálya akkor választja ki az elemeket, amikor az egér kurzora aktuális felettük. Általában linkkel társul () "

:: első sor - CSS-trükkök

:: első sor - CSS-trükkök

A :: first-line ál-elem stílusok alkalmazására szolgál az elem első sorában. Képzeljen el egy bekezdést, amely több sor hosszú (például ez!). "

: első gyermek - CSS-trükkök

: első gyermek - CSS-trükkök

Az: first-child választó lehetővé teszi, hogy az első elemet közvetlenül egy másik elemen belül célozza meg. A CSS Selectors 3. szintű specifikációja "

:: első betű - CSS-trükkök

:: első betű - CSS-trükkök

:: az első betű egy álelem, amely lehetővé teszi az első betű stílusának megformálását anélkül, hogy címkét kellene ragasztania az első köré "

: üres - CSS-trükkök

: üres - CSS-trükkök

Az: üres álválasztó elemeket választ ki, amelyek nem tartalmaznak semmit, vagy csak HTML megjegyzést tartalmaznak. div: üres (kijelző: nincs;) Meg fog egyezni "

Gyermek - CSS-trükkök

Gyermek - CSS-trükkök

A CSS-ben a gyermek-kombinátor a "nagyobb, mint" szimbólum, így néz ki: ol> li (szín: piros;) Ez azt jelenti, hogy "válasszon elemeket, amelyek közvetlen leszármazottak"

: engedélyezve - CSS-trükkök

: engedélyezve - CSS-trükkök

A CSS: engedélyezett ál-osztálya olyan fókuszálható elemeket választ ki, amelyek nincsenek letiltva, és ezért engedélyezve vannak. Csak formaelemekhez van társítva "

Osztály - CSS-trükkök

Osztály - CSS-trükkök

Az osztályválasztó a CSS-ben egy ponttal (.) Kezdődik, így: .class () Az osztályválasztó minden elemet kiválaszt egy megfelelő osztályattribútummal. Például,"

: dir () - CSS-trükkök

: dir () - CSS-trükkök

A CSS-ben a: dir () pseudo-osztály lehetővé teszi az elemek kiválasztását a nyelv iránya alapján, amint azt a HTML jelölés meghatározza. Valóban vannak

: letiltva - CSS-trükkök

: letiltva - CSS-trükkök

A: disabled pseudo-osztályválasztó feltételes stílust biztosít azoknak a HTML-elemeknek, amelyek be tudják fogadni a felhasználó bemenetét, ha az elemek le vannak tiltva "

Leszármazott - CSS-trükkök

Leszármazott - CSS-trükkök

A CSS leszármazottja minden olyan választó, amelynek kombinátor nélkül két szelektor között van fehér tér. Íme néhány példa: ul li () fejléc h2 () "

: alapértelmezett - CSS-trükkök

: alapértelmezett - CSS-trükkök

Az: alapértelmezett álválasztó megegyezik az alapértelmezettel a társított elemek csoportjában, például a választógomb egy gombcsoportban, amelyet a "

: ellenőrzött - CSS-trükkök

: ellenőrzött - CSS-trükkök

A: ellenőrzött ál-osztály a CSS-ben kiválasztja az elemeket, amikor a kiválasztott állapotban vannak. Csak a rádió típusú bemeneti () elemekhez és a "

: üres - CSS-trükkök

: üres - CSS-trükkök

Az: üres ál-osztály az: üres ál-osztályra épít. Mint például: empty,: blank olyan elemeket választ ki, amelyek semmit sem tartalmaznak, vagy csak HTML-t tartalmaznak "

(attribútum) - CSS-trükkök

(attribútum) - CSS-trükkök

Számos módon választhat elemeket a CSS-ben. A legalapvetőbb választás a címke neve, például a p (). Szinte bármi konkrétabb, mint egy címke "

:: előtt / :: után - CSS-trükkök

:: előtt / :: után - CSS-trükkök

A CSS-ben található :: before és :: after pseudo-elemek lehetővé teszik a tartalom beillesztését egy oldalra anélkül, hogy a HTML-ben kellene lennie. Bár a végeredmény nem "

Z-index - CSS-trükkök

Z-index - CSS-trükkök

Div (z-index: 1; / * egész * * /) A CSS-ben található z-index tulajdonság vezérli az átfedő elemek függőleges egymásra rakási sorrendjét. Mint itt, melyik jelenik meg "

: any-link - CSS-trükkök

: any-link - CSS-trükkök

A CSS-ben az: bármelyik link pszeudo-osztály módszert kínál a hiperhivatkozás forráshorgonyának számító elemek kiválasztására. Ha a forráshorgony kifejezés elveszített, "

: aktív - CSS-trükkök

: aktív - CSS-trükkök

Az: aktív álválasztó megváltoztatja a link megjelenését, miközben az aktiválódik (rákattint vagy más módon aktiválódik). Általában csak látni "

Szomszédos testvér - CSS-trükkök

Szomszédos testvér - CSS-trükkök

A szomszédos testvér-kombinátor a CSS-ben nem önálló választó, hanem két szelektor kombinálásának módja. Például: p + p (margó: 0;) A pluszjel "

Szélesség - CSS-trükkök

Szélesség - CSS-trükkök

A CSS szélesség tulajdonság meghatározza az elem tartalmi területének szélességét. Ez a "tartalom" terület a betét, a szegély és a margó belsejében lévő rész.

White-space - CSS-trükkök

White-space - CSS-trükkök

A white-space tulajdonság szabályozza, hogy a szöveg hogyan kezelje az elemet, amelyre alkalmazzák. Tegyük fel, hogy HTML-kódja pontosan így van: egy csomó szó

Zoom - CSS-trükkök

Zoom - CSS-trükkök

A CSS zoom tulajdonság lehetővé teszi a tartalom méretezését. Ez nem szabványos, és eredetileg csak az Internet Explorerben valósult meg. Bár több "

Szóköz - CSS-trükkök

Szóköz - CSS-trükkök

A szóköz tulajdonság hasonló a betűközökhöz, bár természetesen a használata szabályozza a szövegdarab szavai közötti hely nagyságát, nem pedig a "