”, tada možemo prilagoditi stil nadređenog elementa držeći dijete. U tu svrhu možemo koristiti ' :ima() ” selektor.

Iz oba elementa “

” odaberite onaj koji sadrži element “

” koristeći “ .class-name:has(child-name) ”:

.roditelj-div : ima ( h1 ) {

boja pozadine : #103e6d ;

boja : školjka ;

širina : 150 px ;

visina : 150 px ;

granični radijus : pedeset% ;

poravnanje teksta : centar ;

}

Ovdje smo primijenili sljedeća CSS svojstva na roditeljski element:

---

---

• “ boja pozadine ” koristi se za određivanje pozadinske boje elementa.
• “ boja ” određuje boju teksta elementa.
• “ širina ” se koristi za definiranje širine elementa.
• “ visina ” određuje visinu elementa.
• “ granični radijus ” Svojstvo se koristi za postavljanje zaobljenih kutova elementa.
• “ poravnanje teksta ” određuje poravnanje teksta.

Izlaz

Kako odabrati sve podređene elemente?

Za odabir podređenog elementa uz pomoć nadređenog selektora prođite kroz navedeni primjer.

Primjer

Implementirajte sljedeće korake za izradu HTML stranice:

• Dodajte element div koji sadrži dva '

  ' oznake i '

  ' oznaka koja ima klasu ' dijete-div ”.
• Dijete ' div ” sadrži element “

  ”:

< div razreda = 'roditelj-div' >

< str > zdravo < / str >

< str > svijet < / str >

< div razreda = 'dijete-div' >

< str > ja sam dijete div < / str >

< / div >

< / div >

Podređene elemente možemo odabrati preko roditelja '

” razred. Ovo neće samo odabrati njegov izravni “ str ' ali također odabire ugniježđene ' str ' elementi:

.roditelj-div str {

boja pozadine : #7F167F ;

obitelj-fontova : rukopisni ;

veličina fonta : 25 px ;

poravnanje teksta : centar ;

boja : bijeli dim ;

}

Izlaz

Kako odabrati sve izravne podređene elemente?

Za odabir izravnog djeteta nadređenog diva, možemo koristiti ' > ” simbol. Ovo će pomoći da se odaberu svi elementi 'p' koji su izravno dijete roditelja '

”. Na primjer, primijenili smo sljedeća CSS svojstva:

.roditelj-div > str {

boja pozadine : #7F167F ;

obitelj-fontova : rukopisni ;

veličina fonta : 30 px ;

poravnanje teksta : centar ;

boja : bijeli dim ;

}

' obitelj-fontova ” određuje font odabranog elementa i “ veličina fonta ” koristi se za definiranje veličine fonta:

Izlaz

Raspravljali smo o CSS roditeljskim selektorima u HTML-u i CSS-u.

Zaključak

U CSS-u, ' :ima() ” selektor se koristi kao roditeljska pseudoklasa selektora. Posebno se koristi za odabir nadređenih elemenata. Na primjer, ' .parent-div:has(h1) ' odabire nadređeni element koji ima '

' elementi. Kako biste odabrali podređeni element nadređenog elementa, koristite ' .parent-div str ”. Izjava uvjeta također se može koristiti za odabir svih izravnih podređenih elemenata. Ovaj članak je objasnio CSS nadređeni birač s primjerima.