“, potom môžeme upraviť štýl nadradeného prvku podržaním dieťaťa. Na tento účel môžeme využiť „ :has() ” volič.

Z oboch prvkov „

“ vyberte ten, ktorý obsahuje prvok „

“ pomocou „ .class-name:has(child-name) “:

.rodič-div : má ( h1 ) {

farba pozadia : #103e6d ;

farba : mušle ;

šírka : 150 pixelov ;

výška : 150 pixelov ;

hraničný polomer : päťdesiat percent ;

zarovnanie textu : centrum ;

}

Tu sme použili nasledujúce vlastnosti CSS na nadradený prvok:

---

---

• “ farba pozadia “ sa používa na určenie farby pozadia prvku.
• “ farba ” určuje farbu textu prvku.
• “ šírka ” sa používa na definovanie šírky prvku.
• “ výška ” určuje výšku prvku.
• “ hraničný polomer Vlastnosť ” sa používa na nastavenie zaoblených rohov prvku.
• “ zarovnanie textu ” určuje zarovnanie textu.

Výkon

Ako vybrať všetky podradené prvky?

Ak chcete vybrať podradený prvok pomocou nadradeného selektora, prejdite daným príkladom.

Príklad

Na vytvorenie stránky HTML vykonajte nasledujúce kroky:

• Pridajte prvok div, ktorý obsahuje dva „

  značky “ a “

  'značka s triedou' dieťa-div “.
• Dieťa ' div prvok obsahuje prvok '

  ':

< div trieda = 'parent-div' >

< p > Ahoj < / p >

< p > sveta < / p >

< div trieda = 'child-div' >

< p > som dieťa div < / p >

< / div >

< / div >

Môžeme vybrať podradené prvky prostredníctvom rodičovského „

' trieda. Tým sa nielen vyberie jeho priamy „ p “, ale vyberie aj vnorené “ p prvky:

.rodič-div p {

farba pozadia : #7F167F ;

font-family : kurzíva ;

veľkosť písma : 25 pixelov ;

zarovnanie textu : centrum ;

farba : biely dym ;

}

Výkon

Ako vybrať všetky priame detské prvky?

Na výber priameho potomka nadradeného prvku div môžeme použiť „ > symbol “. Pomôže to vybrať všetky prvky „p“, ktoré sú priamym potomkom rodiča „

“. Napríklad sme použili nasledujúce vlastnosti CSS:

.rodič-div > p {

farba pozadia : #7F167F ;

font-family : kurzíva ;

veľkosť písma : 30 pixelov ;

zarovnanie textu : centrum ;

farba : biely dym ;

}

' font-family “ určuje písmo vybraného prvku a „ veľkosť písma “ sa používa na definovanie veľkosti písma:

Výkon

Hovorili sme o selektoroch rodičov CSS v HTML a CSS.

Záver

V CSS je „ :has() ” selektor sa používa ako rodičovská pseudotrieda selektora. Používa sa najmä na výber rodičovských prvkov. Napríklad „ .parent-div:has(h1) ” vyberie nadradený prvok s „

“prvky. Ak chcete vybrať podradený prvok nadradeného prvku, použite „ .rodič-div p “. Príkaz podmienky možno použiť aj na výber všetkých priamych potomkov. Tento článok vysvetľuje výber rodiča CSS pomocou príkladov.