CSS almanachas 2025, Sausis

ID - CSS-gudrybės

ID - CSS-gudrybės

#Id selektorius leidžia taikyti elementą nurodant atributą id HTML. Panašiai, kaip klasės atributai CSS žymimi „tašku“

: negalioja - CSS-gudrybės

: negalioja - CSS-gudrybės

Pasirinkus: negaliojantis parinkiklis leidžia pasirinkti elementus, kuriuose nėra tinkamo turinio, nustatytą pagal jo tipo atributą. : CSS apibrėžta neteisinga "

Bendrasis brolis / sesuo CSS-gudrybės

Bendrasis brolis / sesuo CSS-gudrybės

CSS bendrasis brolių ir seserų kombinatorius (~) atrodo taip: .featured-image ~ p (šrifto dydis: 90%;) Šiame pavyzdyje jūs pasirinktumėte visus "

: dėmesys - CSS-gudrybės

: dėmesys - CSS-gudrybės

CSS „fokusavimo pseudo“ klasė naudojama elementui, kurį šiuo metu taiko klaviatūra arba kurį suaktyvina pelė, kurti. Štai pavyzdys: "

: sutelkti dėmesį - CSS-gudrybės

: sutelkti dėmesį - CSS-gudrybės

CSS fokusavimo pseudo selektorius yra šiek tiek neįprastas, nors ir gerai pavadintas ir gana intuityvus. Jis pasirenka elementą, jei jame yra „

: pirmojo tipo - CSS-gudrybės

: pirmojo tipo - CSS-gudrybės

„CSS“ tipo tipo pirmasis selektorius leidžia nukreipti pirmą elemento atsiradimą jo talpykloje. Tai apibrėžiama 3 lygio CSS selektoriuose "

: užveskite pelę - CSS-gudrybės

: užveskite pelę - CSS-gudrybės

CSS pseudo klasė „hover“ pasirenka elementus, kai pelės žymeklis yra virš jų. Tai paprastai siejama su nuoroda () "

:: pirmoji eilutė - CSS-gudrybės

:: pirmoji eilutė - CSS-gudrybės

Pirmos eilutės pseudoelementas skirtas stiliams pritaikyti pirmoje elemento eilutėje. Įsivaizduokite kelių eilučių ilgą pastraipą (kaip ši!). "

: pirmasis vaikas - CSS-gudrybės

: pirmasis vaikas - CSS-gudrybės

„First-child“ parinkiklis leidžia nukreipti pirmą elementą iškart į kito elemento vidų. CSS selektorių 3 lygio specifikacijoje jis apibrėžiamas kaip "

:: pirmoji raidė - CSS-gudrybės

:: pirmoji raidė - CSS-gudrybės

:: pirmoji raidė yra pseudo elementas, leidžiantis suformuoti pirmąją raidę elemente, nereikalaujant pirmosios klijuoti žymos "

: tuščias - CSS-gudrybės

: tuščias - CSS-gudrybės

Pseudo parinkiklis tuščias pasirinks elementus, kuriuose nėra nieko arba yra tik HTML komentaras. div: tuščias (rodyti: nėra;) atitiks "

Vaikas - CSS-gudrybės

Vaikas - CSS-gudrybės

Vaikų kombinatorius CSS yra simbolis „didesnis nei“, jis atrodo taip: ol> li (spalva: raudona;) Tai reiškia „pasirinkti elementus, kurie yra tiesioginiai palikuonys“.

: įjungtas - CSS-gudrybės

: įjungtas - CSS-gudrybės

„CSS“ įgalinta pseudo klasė parenka fokusuojamus elementus, kurie nėra išjungti ir todėl įjungti. Tai siejama tik su formos elementais "

Klasė - CSS-gudrybės

Klasė - CSS-gudrybės

Klasės parinkiklis CSS prasideda tašku (.), Taip: .class () Klasės parinkiklis parenka visus elementus su atitinkančiu klasės atributu. Pavyzdžiui,"

: dir () - CSS-gudrybės

: dir () - CSS-gudrybės

CSS pseudoklasė: dir () leidžia elementus pasirinkti pagal kalbos kryptį, kaip nustatyta HTML žymėjime. Yra tikrai

: išjungtas - CSS-gudrybės

: išjungtas - CSS-gudrybės

: Išjungtas pseudo klasės parinkiklis pateikia sąlyginį HTML elementų, galinčių gauti vartotojo įvestį, stilių, kai elementai yra išjungti "

Palikuonis - CSS-gudrybės

Palikuonis - CSS-gudrybės

CSS palikuonis yra bet koks selektorius, kurio tarpas tarp dviejų selektorių yra be tarpo. Štai keli pavyzdžiai: ul li () antraštė h2 () "

: numatytasis - CSS-gudrybės

: numatytasis - CSS-gudrybės

: Numatytasis pseudo selektorius atitiks numatytąjį susijusių elementų grupėje, pvz., Radijo mygtuką mygtukų grupėje, kurią pasirenka "

: patikrinta - CSS-gudrybės

: patikrinta - CSS-gudrybės

: Patikrinta CSS pseudoklasė pasirenka elementus, kai jie yra pasirinktoje būsenoje. Jis siejamas tik su radijo tipo įvesties () elementais ir "

: tuščias - CSS-gudrybės

: tuščias - CSS-gudrybės

„Blank“ pseudo klasė remiasi „blank“ pseudo klase. Kaip: tuščias,: tuščias pasirinks elementus, kuriuose nėra nieko arba yra tik HTML "

(atributas) - CSS-gudrybės

(atributas) - CSS-gudrybės

Yra daugybė būdų, kaip galite pasirinkti elementus CSS. Pats paprasčiausias pasirinkimas yra pagal žymos pavadinimą, pvz., P (). Beveik viskas, kas konkretesnė nei žyma "

:: prieš / :: po - CSS-gudrybės

:: prieš / :: po - CSS-gudrybės

CSS pseudoelementai :: before ir :: after leidžia įterpti turinį į puslapį nereikalaujant būti HTML. Nors galutinis rezultatas nėra "

Z indeksas - CSS-gudrybės

Z indeksas - CSS-gudrybės

Div (z-index: 1; / * integer * /) CSS ypatybė z-index valdo elementų, kurie sutampa, vertikalią kaupimą. Kaip, kuris rodomas kaip „

: bet kokia nuoroda - CSS-gudrybės

: bet kokia nuoroda - CSS-gudrybės

CSS pseudoklasė „any-link“ pateikia metodą elementams, kurie yra hipersaito šaltinio inkaras, pasirinkti. Jei jus prarado terminas šaltinio inkaras "

: aktyvus - CSS-gudrybės

: aktyvus - CSS-gudrybės

Aktyvusis pseudo selektorius keičia nuorodos išvaizdą, kol ji aktyvuojama (spustelėjama ar kitaip aktyvuojama). Paprastai tai tik matoma “

Gretimas brolis ir sesuo - CSS-gudrybės

Gretimas brolis ir sesuo - CSS-gudrybės

Greta esantis CSS kombinatorius nėra atskiras selektorius, o būdas derinti du selektorius. Pvz .: p + p (paraštė: 0;) Pliuso ženklas "

Plotis - CSS-gudrybės

Plotis - CSS-gudrybės

CSS ypatybė plotis nurodo elemento turinio srities plotį. Ši „turinio“ sritis yra dalis, esanti „

Baltoji erdvė - CSS-gudrybės

Baltoji erdvė - CSS-gudrybės

Baltosios erdvės ypatybė kontroliuoja, kaip tekstas tvarkomas elemente, kuriam jis taikomas. Tarkime, kad HTML turite būtent taip: krūva žodžių, kuriuos jūs

Priartinti - CSS-gudrybės

Priartinti - CSS-gudrybės

„CSS“ mastelio ypatybė leidžia keisti turinį. Tai nestandartinė ir iš pradžių buvo įdiegta tik „Internet Explorer“. Nors keli

Tarpai tarp žodžių - CSS-gudrybės

Tarpai tarp žodžių - CSS-gudrybės

Žodžių tarpo ypatybė yra panaši į tarpų tarp raidžių, nors natūraliai jos naudojimas reguliuoja tarpo tarp žodžių tarpo, o ne „