CSS almanahs 2025, Aprīlis

ID - CSS-triki

ID - CSS-triki

Atlasītājs #id ļauj atlasīt elementu, atsaucoties uz atribūtu id HTML. Līdzīgi tam, kā klases atribūti CSS tiek apzīmēti ar “periodu” "

: nederīgs - CSS-triki

: nederīgs - CSS-triki

Atlasītājs: nederīgs ļauj atlasīt elementus, kas nesatur derīgu saturu, ko nosaka tā tipa atribūts. : CSS ir definēts nederīgs "

Vispārējs brālis un māsa - CSS-triki

Vispārējs brālis un māsa - CSS-triki

CSS vispārējais brāļu un māsu kombinators (~) izskatās šādi: .featured-image ~ p (font-size: 90%;) Šajā piemērā jūs atlasītu visu "

: fokuss - CSS-triki

: fokuss - CSS-triki

CSS fokusa pseido klase tiek izmantota elementa veidošanai, kuru pašlaik mērķē tastatūra vai kuru aktivizē pele. Šeit ir piemērs: "

: fokuss-iekš - CSS-triki

: fokuss-iekš - CSS-triki

CSS pseido selektors fokusā ir nedaudz neparasts, kaut arī labi nosaukts un diezgan intuitīvs. Tas izvēlas elementu, ja tajā ir kāds "

: pirmā veida - CSS-triki

: pirmā veida - CSS-triki

CSS selektors: pirmā tipa selektors ļauj mērķēt uz elementa pirmo parādīšanos tā konteinerā. Tas ir definēts CSS atlasītāju 3. līmenī "

: lidināties - CSS-triki

: lidināties - CSS-triki

CSS pseido klase: hover atlasa elementus, kad peles kursors atrodas virs tiem. Tas parasti ir saistīts ar saiti () "

:: pirmā līnija - CSS-triki

:: pirmā līnija - CSS-triki

Pirmās rindas pseidoelements ir paredzēts stilu lietošanai elementa pirmajā rindā. Iedomājieties rindkopu, kas ir vairākas rindas gara (piemēram, šī!). "

: pirmais bērns - CSS-triki

: pirmais bērns - CSS-triki

Atlasītājs: pirmais bērns ļauj mērķēt pirmo elementu uzreiz cita elementa iekšpusē. CSS selektoru 3. līmeņa specifikācijā tas ir definēts kā "

:: pirmais burts - CSS-triki

:: pirmais burts - CSS-triki

:: pirmais burts ir pseido elements, kas ļauj noformēt elementa pirmo burtu bez nepieciešamības ielīmēt ap šo tagu "

: tukšs - CSS-triki

: tukšs - CSS-triki

Pseudo selektors: tukšs atlasīs elementus, kas satur vai nu neko, vai tikai HTML komentāru. div: tukšs (displejs: nav;) Atbilst "

Bērns - CSS-triki

Bērns - CSS-triki

Bērnu kombinators CSS ir simbols "lielāks par", tas izskatās šādi: ol> li (krāsa: sarkans;) Tas nozīmē "atlasīt elementus, kas ir tiešie pēcnācēji"

: iespējots - CSS-triki

: iespējots - CSS-triki

CSS: iespējota pseidoklase atlasa fokusējamus elementus, kas nav atspējoti un tāpēc iespējoti. Tas ir saistīts tikai ar formas elementiem "

Klase - CSS-triki

Klase - CSS-triki

Klases atlasītājs CSS sākas ar punktu (.), Piemēram: .class () Klases atlasītājs atlasa visus elementus ar atbilstošu klases atribūtu. Piemēram,"

: dir () - CSS-triki

: dir () - CSS-triki

CSS pseido klase: dir () ļauj elementus atlasīt, pamatojoties uz valodas virzienu, kā noteikts HTML marķējumā. Ir tiešām "

: invalīds - CSS-triki

: invalīds - CSS-triki

: Disabled pseidoklases atlasītājs nodrošina nosacītu HTML elementu stilu, kas var saņemt lietotāja ievadi, kad elementi ir atspējoti "

Pēcnācējs - CSS-triki

Pēcnācējs - CSS-triki

CSS pēcnācēju atlasītājs ir jebkurš selektors ar atstarpi starp diviem selektoriem bez kombinatora. Daži piemēri: ul li () header h2 () "

: noklusējums - CSS-triki

: noklusējums - CSS-triki

Noklusējuma pseido selektors sakritīs ar noklusējumu saistīto elementu grupā, piemēram, poga pogu grupā, kuru atlasa "

: pārbaudīts - CSS-triki

: pārbaudīts - CSS-triki

Pārbaudītā CSS pseidoklase atlasa elementus, kad tie atrodas atlasītajā stāvoklī. Tas ir saistīts tikai ar radio tipa ieejas () elementiem un "

: tukšs - CSS-triki

: tukšs - CSS-triki

Tukšā pseidoklase balstās uz: tukšā pseido klase. Piemēram: tukšs,: tukšs atlasīs elementus, kas nesatur neko vai satur tikai HTML "

(atribūts) - CSS-triki

(atribūts) - CSS-triki

CSS elementus var atlasīt daudzos veidos. Pamata izvēle ir pēc taga nosaukuma, piemēram, p (). Gandrīz jebkas konkrētāks par tagu "

:: pirms / :: pēc - CSS-triki

:: pirms / :: pēc - CSS-triki

CSS pseidoelementi :: before un :: after ļauj ievietot saturu lapā bez nepieciešamības atrasties HTML. Lai gan gala rezultāts nav "

Z-indekss - CSS-triki

Z-indekss - CSS-triki

Div (z-index: 1; / * integer * /) CSS rekvizīts z-index kontrolē pārklāšanās elementu vertikālās sakraušanas kārtību. Kā, kas redzams kā "

: jebkura saite - CSS-triki

: jebkura saite - CSS-triki

CSS: jebkura saite pseidoklase nodrošina metodi elementu izvēlei, kas ir hipersaites avota enkurs. Ja termins avota enkurs jūs zaudēja, "

: aktīvs - CSS-triki

: aktīvs - CSS-triki

Aktīvais pseido selektors maina saites izskatu, kamēr tā tiek aktivizēta (tiek noklikšķināta vai kā citādi aktivizēta). Parasti to redz tikai "

Blakus esošais brālis un māsa - CSS-triki

Blakus esošais brālis un māsa - CSS-triki

Blakus esošais brāļu un māsu kombinators CSS nav pats selektors, bet gan veids, kā apvienot divus selektorus. Piemēram: p + p (piemale: 0;) plus zīme "

Platums - CSS-triki

Platums - CSS-triki

Īpašums width CSS norāda elementa satura apgabala platumu. Šis "satura" apgabals ir daļa, kas atrodas iekšpusē

Baltā telpa - CSS-triki

Baltā telpa - CSS-triki

Baltās atstarpes rekvizīts kontrolē, kā teksts tiek apstrādāts ar elementu, uz kuru tas tiek lietots. Pieņemsim, ka jums HTML ir tieši šāds: virkne vārdu jūs "

Tālummaiņa - CSS-triki

Tālummaiņa - CSS-triki

CSS tālummaiņas rekvizīts ļauj mērogot savu saturu. Tas ir nestandarta un sākotnēji tika ieviests tikai pārlūkprogrammā Internet Explorer. Lai gan vairāki "

Atstarpes starp vārdiem - CSS-triki

Atstarpes starp vārdiem - CSS-triki

Vārds atstarpes īpašums ir līdzīgs burtu atstarpei, lai gan dabiski tā izmantošana nosaka atstarpes daudzumu starp vārdiem teksta fragmentā, nevis "