”, potem lahko prilagodimo slog nadrejenega elementa tako, da držimo otroka. V ta namen lahko uporabimo » :ima() ” selektor.

Iz obeh elementov “

” izberite tistega, ki vsebuje element “

” z uporabo “ .class-name:has(child-name) ”:

.parent-div : ima ( h1 ) {

Barva ozadja : #103e6d ;

barva : školjka ;

premer : 150 slikovnih pik ;

višina : 150 slikovnih pik ;

mejni polmer : petdeset % ;

poravnava besedila : center ;

}

Tukaj smo uporabili naslednje lastnosti CSS za nadrejeni element:

---

---

• “ Barva ozadja ” se uporablja za določanje barve ozadja elementa.
• “ barva ” določa barvo besedila elementa.
• “ premer ” se uporablja za določitev širine elementa.
• “ višina ” določa višino elementa.
• “ mejni polmer Lastnost se uporablja za nastavitev zaobljenih vogalov elementa.
• “ poravnava besedila ” določa poravnavo besedila.

Izhod

Kako izbrati vse podrejene elemente?

Če želite izbrati podrejeni element s pomočjo nadrejenega izbirnika, pojdite skozi dani primer.

Primer

Izvedite naslednje korake, da ustvarite stran HTML:

• Dodajte element div, ki vsebuje dva '

  » oznake in »

  » oznaka, ki ima razred « otrok-div ”.
• Otrok ' div « vsebuje element »

  «:

< div razred = 'parent-div' >

< str > zdravo < / str >

< str > svetu < / str >

< div razred = 'child-div' >

< str > sem otrok div < / str >

< / div >

< / div >

Podrejene elemente lahko izberemo prek nadrejenega '

” razred. To ne bo samo izbralo njegove neposredne str ', temveč izbere tudi ugnezdene ' str ” elementi:

.parent-div str {

Barva ozadja : #7F167F ;

družina pisav : kurziv ;

velikost pisave : 25 slikovnih pik ;

poravnava besedila : center ;

barva : beli dim ;

}

Izhod

Kako izbrati vse neposredne podrejene elemente?

Za izbiro neposrednega podrejenega elementa nadrejenega diva lahko uporabimo » > ” simbol. To bo pomagalo izbrati vse elemente 'p', ki so neposredni podrejeni nadrejenemu '

”. Na primer, uporabili smo naslednje lastnosti CSS:

.parent-div > str {

Barva ozadja : #7F167F ;

družina pisav : kurziv ;

velikost pisave : 30 slikovnih pik ;

poravnava besedila : center ;

barva : beli dim ;

}

' družina pisav « določa pisavo izbranega elementa in » velikost pisave ” se uporablja za določanje velikosti pisave:

Izhod

Razpravljali smo o nadrejenih izbirnikih CSS v HTML in CSS.

Zaključek

V CSS je » :ima() ” se uporablja kot psevdorazred nadrejenega izbirnika. Uporablja se zlasti za izbiro nadrejenih elementov. Na primer, ' .parent-div:has(h1) « izbere nadrejeni element, ki ima »

” elementi. Če želite izbrati podrejeni element nadrejenega elementa, uporabite » .parent-div str ”. Stavek pogoja lahko uporabite tudi za izbiro vseh neposrednih podrejenih elementov. V tem članku je s primeri razložen nadrejeni izbirnik CSS.