CSS-i almanahh 2025, Aprill

ID - CSS-trikid

ID - CSS-trikid

Valija #id võimaldab teil elementi sihtida, viidates atribuudile id HTML. Sarnaselt sellele, kuidas klassi atribuute CSS-is tähistatakse "punktiga" "

: kehtetu - CSS-trikid

: kehtetu - CSS-trikid

Valija: kehtetu võimaldab teil valida elemente, mis ei sisalda kehtivat sisu, mis on määratud selle tüübi atribuudiga. : CSS-is on määratletud vale "

Üldine õde-vend - CSS-trikid

Üldine õde-vend - CSS-trikid

CSS-i üldine õdede-vendade kombinator (~) näeb kasutamisel välja selline: .featured-image ~ p (fondi suurus: 90%;) Selles näites valiksite kõik "

: fookus - CSS-trikid

: fookus - CSS-trikid

CSS-i fookuspseudoklassi kasutatakse elemendi kujundamiseks, mis on praegu klaviatuuri sihitud või hiire poolt aktiveeritud. Siin on näide: "

: fookus-sees - CSS-trikid

: fookus-sees - CSS-trikid

CSS-i fookuses olev pseudovalija on natuke ebatavaline, ehkki hästi nimetatud ja pigem intuitiivne. See valib elemendi, kui see sisaldab mõnda "

: esimene tüüp - CSS-trikid

: esimene tüüp - CSS-trikid

CSS-is esimene tüübi valija võimaldab sihtida elemendi esimest esinemist selle konteineris. See on määratletud CSS-i valijate 3. tasemel

: hõljumine - CSS-trikid

: hõljumine - CSS-trikid

CSS-i pseudoklass: hover valib elemendid, kui hiirekursor on nende kohal. See on tavaliselt seotud lingiga () "

:: esimene rida - CSS-trikid

:: esimene rida - CSS-trikid

Esimese rea pseudoelement on stiilide rakendamiseks elemendi esimesele reale. Kujutage ette lõiku, mis on mitu rida pikk (nagu see!). "

: esiklaps - CSS-trikid

: esiklaps - CSS-trikid

Esimese lapse valija võimaldab teil suunata esimese elemendi kohe teise elemendi sisse. CSS-i selektorite 3. taseme spetsifikatsioonis on see määratletud kui "

:: esimene täht - CSS-trikid

:: esimene täht - CSS-trikid

:: esimene täht on pseudoelement, mis võimaldab teil elemendi esimest tähte kujundada, ilma et peaksite selle esimese ümber kleepima silti "

: tühi - CSS-trikid

: tühi - CSS-trikid

Pseudovalija tühi valib elemendid, mis ei sisalda midagi või sisaldavad ainult HTML-i kommentaari. div: tühi (kuva: puudub;) sobib "

Laps - CSS-trikid

Laps - CSS-trikid

CSS-is olev lapsekombinaator on sümbol "suurem kui", see näeb välja selline: ol> li (värv: punane;) See tähendab "valitud elemente, mis on otsesed järeltulijad"

: lubatud - CSS-trikid

: lubatud - CSS-trikid

CSS-is lubatud pseudoklass valib fokuseeritavad elemendid, mis pole keelatud ja seetõttu lubatud. See on seotud ainult vormielementidega "

Klass - CSS-trikid

Klass - CSS-trikid

Klassivalija CSS-is algab punktiga (.), Näiteks: .class () Klassivalija valib kõik elemendid, millel on vastav klassi atribuut. Näiteks,"

: dir () - CSS-trikid

: dir () - CSS-trikid

CSS-i pseudoklass: dir () võimaldab elemente valida keele suuna põhjal, mis on määratud HTML-i märgistuses. On tõesti

: keelatud - CSS-trikid

: keelatud - CSS-trikid

Pseudoklassi valija on keelatud HTML-elementidele, mis võivad kasutaja sisendeid vastu võtta, tingimusliku stiili, kui elemendid on keelatud "

Järeltulija - CSS-trikid

Järeltulija - CSS-trikid

CSS-i järeltulija on mis tahes selektor, mille kahe selektori vahel on vaba ruum ilma kombinatorita. Siin on mõned näited: ul li () päis h2 () "

: vaikimisi - CSS-trikid

: vaikimisi - CSS-trikid

Vaikimisi valitav pseudovalija sobib seotud elementide rühma vaikeseadega, näiteks raadionupp nuppude rühmas, mille valib "

: kontrollitud - CSS-trikid

: kontrollitud - CSS-trikid

CSS-is kontrollitud pseudoklass valib elemendid, kui need on valitud olekus. See on seotud ainult raadio tüüpi sisendi () elementidega ja

: tühi - CSS-trikid

: tühi - CSS-trikid

: Tühi pseudoklass tugineb järgmisele: tühi pseudoklass. Nagu: tühi, tühi valib elemendid, mis ei sisalda üldse midagi või sisaldavad ainult HTML-i "

(atribuut) - CSS-trikid

(atribuut) - CSS-trikid

CSS-is saab elemente valida mitmel viisil. Põhiline valik on sildi nime järgi, näiteks p (). Peaaegu kõik täpsem kui silt "

:: enne / :: pärast - CSS-trikid

:: enne / :: pärast - CSS-trikid

CSS-i pseudoelemendid :: before ja :: after võimaldavad teil lehele sisu lisada ilma, et see peaks HTML-is olema. Kuigi lõpptulemus pole "

Z-indeks - CSS-trikid

Z-indeks - CSS-trikid

Div (z-indeks: 1; / * täisarv * /) CS-i z-indeksi omadus juhib kattuvate elementide vertikaalset virnastamise järjekorda. Nagu siin, mis ilmub kui "

: suvaline link - CSS-trikid

: suvaline link - CSS-trikid

CSS-i mis tahes lingi pseudoklass pakub meetodi hüperlingi lähteankruks olevate elementide valimiseks. Kui termin allikaankur kaotas teid, "

: aktiivne - CSS-trikid

: aktiivne - CSS-trikid

Aktiivne pseudovalija muudab lingi välimust selle aktiveerimise (klõpsamise või muul viisil aktiveerimise) ajal. Tavaliselt on see ainult näha "

Kõrvalolev õde-vend - CSS-trikid

Kõrvalolev õde-vend - CSS-trikid

CSS-i külgnev õdede-vendade kombinator pole iseseisev valija, vaid viis kahe selektori ühendamiseks. Näiteks: p + p (veeris: 0;) plussmärk "

Laius - CSS-trikid

Laius - CSS-trikid

CSS-i atribuut laius määrab elemendi sisupiirkonna laiuse. See "sisupiirkond" on osa siseruumides, äärises ja servas

Tühimik - CSS-trikid

Tühimik - CSS-trikid

Atribuut White-space reguleerib seda, kuidas tekstis käsitletakse elementi, millele seda rakendatakse. Oletame, et teil on HTML täpselt selline: hulk sõnu, mida te

Suum - CSS-trikid

Suum - CSS-trikid

CSS-i suumivara võimaldab teil sisu skaleerida. See on mittestandardne ja rakendati algselt ainult Internet Exploreris. Kuigi mitu

Sõnavahe - CSS-trikid

Sõnavahe - CSS-trikid

Sõnavahe omadus sarnaneb tähevahega, kuigi loomulikult reguleerib selle kasutamine tekstiosas sõnade vahelist ruumi, mitte "