Almanah CSS 2025, Januar

ID - CSS-triki

ID - CSS-triki

Izbirnik #id vam omogoča ciljanje na element s sklicevanjem na atribut id HTML. Podobno kot so atributi razredov v CSS označeni z "piko" "

: neveljavno - CSS-triki

: neveljavno - CSS-triki

Izbirnik: neveljavno omogoča izbiro elementov, ki ne vsebujejo veljavne vsebine, kot je določeno z atributom tipa. : neveljavno je določeno v CSS "

Splošni brat - CSS-triki

Splošni brat - CSS-triki

Splošni kombinator bratov in sester (~) v CSS je videti takole v uporabi: .featured-image ~ p (velikost pisave: 90%;) V tem primeru bi izbrali vse "

: fokus - CSS-triki

: fokus - CSS-triki

Psevdorazred: focus v CSS se uporablja za oblikovanje elementa, na katerega trenutno cilja tipkovnica ali ga aktivira miška. Tu je primer: "

: fokus znotraj - CSS-triki

: fokus znotraj - CSS-triki

Pseudo izbirnik: focus-within v CSS je nekoliko nenavaden, čeprav dobro imenovan in precej intuitiven. Izbere element, če vsebuje element "

: prvovrstni - CSS-triki

: prvovrstni - CSS-triki

Izbirnik: first-type v CSS vam omogoča ciljanje na prvi pojav elementa v vsebniku. Določen je v CSS Selectors Level 3 "

: lebdenje - CSS-triki

: lebdenje - CSS-triki

Psevdorazred: hover v CSS izbere elemente, ko je nad njimi miškin kazalec. Pogosto je povezan s povezavo () "

:: prva vrstica - CSS-triki

:: prva vrstica - CSS-triki

Psevdoelement :: first-line je namenjen uporabi slogov v prvi vrstici elementa. Predstavljajte si odstavek, ki je dolg več vrstic (kot je ta!). "

: prvi otrok - CSS-triki

: prvi otrok - CSS-triki

Izbirnik: first-child omogoča ciljanje na prvi element takoj znotraj drugega elementa. Določeno je v specifikacijah CSS Selectors Level 3 kot "

:: prva črka - CSS-triki

:: prva črka - CSS-triki

:: prva črka je psevdo element, ki omogoča oblikovanje prve črke v elementu, ne da bi bilo treba okoli prve oznake nalepiti oznako "

: prazno - CSS-triki

: prazno - CSS-triki

Psevdoizbirnik: empty bo izbral elemente, ki ne vsebujejo ničesar ali pa samo komentar HTML. div: empty (display: none;) Se bo ujemal "

Otrok - CSS-triki

Otrok - CSS-triki

Otroški kombinator v CSS je simbol "večji od", izgleda tako: ol> li (color: red;) Pomeni "izberite elemente, ki so neposredni potomci"

: omogočeno - CSS-triki

: omogočeno - CSS-triki

Psevdorazred: enabled v CSS izbere usmerljive elemente, ki niso onemogočeni in zato omogočeni. Povezan je samo z elementi obrazca "

Razred - CSS-triki

Razred - CSS-triki

Izbirnik razreda v CSS se začne s piko (.), Takole: .class () Izbirnik razreda izbere vse elemente z ustreznim atributom razreda. Na primer »

: dir () - CSS-triki

: dir () - CSS-triki

Psevdorazred: dir () v CSS omogoča izbiro elementov glede na smer jezika, kot je določeno v oznaki HTML. Res so "

: onemogočeno - CSS-triki

: onemogočeno - CSS-triki

Izbirnik psevdorazredov: onemogoča elementom HTML pogojni slog, ki lahko prejme uporabniški vnos, kadar so elementi onemogočeni "

Potomak - CSS-triki

Potomak - CSS-triki

Izbirnik potomcev v CSS je kateri koli izbirnik z razmikom med dvema izbirnikoma brez kombinatorja. Nekaj ​​primerov: glava ul li () h2 () "

: privzeto - CSS-triki

: privzeto - CSS-triki

Psevdoizbirnik: default se bo ujemal s privzetim v skupini povezanih elementov, na primer izbirni gumb v skupini gumbov, ki ga izbere "

: preverjeno - CSS-triki

: preverjeno - CSS-triki

Psevdorazred: checked v CSS izbere elemente, ko so v izbranem stanju. Povezan je samo z vhodnimi () elementi tipa radio in "

: prazno - CSS-triki

: prazno - CSS-triki

Psevdorazred: blank temelji na psevdorazredu: empty. Tako kot: empty,: blank bo izbral elemente, ki sploh ne vsebujejo ničesar ali vsebujejo samo HTML "

(atribut) - CSS-triki

(atribut) - CSS-triki

Obstaja veliko načinov, kako lahko izberete elemente v CSS. Najosnovnejši izbor je po imenu oznake, na primer p (). Skoraj vse bolj natančno kot oznaka "

:: pred / :: po - CSS-triki

:: pred / :: po - CSS-triki

Psevdoelementa :: before in :: after v CSS omogočata vstavljanje vsebine na stran, ne da bi bilo treba biti v HTML-ju. Končni rezultat pa ni "

Z-indeks - CSS-triki

Z-indeks - CSS-triki

Div (z-index: 1; / * celo število * /) Lastnost z-index v CSS nadzoruje navpični vrstni red zlaganja elementov, ki se prekrivajo. Kot pri, kateri je prikazan kot "

: katera koli povezava - CSS-triki

: katera koli povezava - CSS-triki

Psevdorazred:: any-link v CSS ponuja metodo za izbiro elementov, ki so izvorno sidro hiperpovezave. Če vas je izraz sidro izgubil, "

: aktivno - CSS-triki

: aktivno - CSS-triki

Psevdoizbirnik: active spremeni videz povezave, ko je aktivirana (če jo kliknete ali kako drugače aktivirate). Običajno se vidi samo "

Sosednji brat ali sestra - CSS-triki

Sosednji brat ali sestra - CSS-triki

Sosednji bratski kombinator v CSS ni samostojni izbirnik, temveč način kombiniranja dveh izbirnikov. Na primer: p + p (marža: 0;) znak plus "

Širina - CSS-triki

Širina - CSS-triki

Lastnost width v CSS določa širino področja vsebine elementa. To "vsebinsko" območje je del znotraj oblazinjenja, obrobe in roba "

Presledek - CSS-triki

Presledek - CSS-triki

Lastnost presledka nadzoruje, kako se besedilo obravnava v elementu, na katerega je uporabljeno. Recimo, da imate HTML točno takšen: kup besed, ki jih "

Povečava - CSS-triki

Povečava - CSS-triki

Lastnost povečave v CSS vam omogoča spreminjanje vsebine. Je nestandarden in je bil prvotno implementiran samo v Internet Explorerju. Čeprav več "

Razmik med besedami - CSS-triki

Razmik med besedami - CSS-triki

Lastnost razmika besed je podobna razmiku med črkami, čeprav njegova uporaba seveda ureja količino prostora med besedami v besedilu, ne pa "