“ elementą, tuomet galime koreguoti pirminio elemento stilių laikydami vaiką. Šiuo tikslu galime naudoti „ :has() “ parinkiklis.

Iš abiejų „

“ elementų pasirinkite tą, kuriame yra elementas „

“, naudodami „ .class-name:has(vaiko vardas) “:

.parent-div : turi ( h1 ) {

fono spalva : #103e6d ;

spalva : jūros kriauklė ;

plotis : 150 piks ;

aukščio : 150 piks ;

pasienio spindulys : penkiasdešimt % ;

teksto lygiavimas : centras ;

}

Čia pagrindiniam elementui pritaikėme šias CSS ypatybes:

---

---

• “ fono spalva “ naudojamas elemento fono spalvai nurodyti.
• “ spalva “ nurodo elemento teksto spalvą.
• “ plotis “ naudojamas elemento pločiui apibrėžti.
• “ aukščio “ nurodo elemento aukštį.
• “ pasienio spindulys ” ypatybė naudojama norint nustatyti suapvalintus elemento kampus.
• “ teksto lygiavimas “ nurodo teksto lygiavimą.

Išvestis

Kaip pasirinkti visus vaiko elementus?

Norėdami pasirinkti antrinį elementą naudodami pirminį parinkiklį, peržiūrėkite pateiktą pavyzdį.

Pavyzdys

Norėdami sukurti HTML puslapį, atlikite šiuos veiksmus:

• Pridėkite div elementą, kuriame yra du '

  “ žymos ir “

  'žyma, turinti klasę' vaikas-div “.
• Vaikas ' div “ elemente yra „

  “ elementas:

< div klasė = 'tėvas-div' >

< p > Sveiki < / p >

< p > pasaulis < / p >

< div klasė = 'vaikas-divas' >

< p > aš esu vaikas div < / p >

< / div >

< / div >

Galime pasirinkti antrinius elementus per tėvą “

' klasė. Tai ne tik pasirinks tiesioginį p “ elementus, bet taip pat pasirenka įdėtą “ p “ elementai:

.parent-div p {

fono spalva : #7F167F ;

šrifto šeima : kursyvus ;

šrifto dydis : 25 piks ;

teksto lygiavimas : centras ;

spalva : balti dūmai ;

}

Išvestis

Kaip pasirinkti visus tiesioginius vaikų elementus?

Norėdami pasirinkti tiesioginį pirminio div antrinį elementą, galime naudoti „ > “ simbolis. Tai padės pasirinkti visus „p“ elementus, kurie yra tiesioginiai tėvų vaikai.

“. Pavyzdžiui, pritaikėme šias CSS ypatybes:

.parent-div > p {

fono spalva : #7F167F ;

šrifto šeima : kursyvus ;

šrifto dydis : 30 piks ;

teksto lygiavimas : centras ;

spalva : balti dūmai ;

}

„ šrifto šeima “ nurodo pasirinkto elemento šriftą ir „ šrifto dydis “ naudojamas šrifto dydžiui apibrėžti:

Išvestis

Mes aptarėme CSS pirminius parinkiklius HTML ir CSS.

Išvada

CSS sistemoje „ :has() “ parinkiklis naudojamas kaip pirminio parinkiklio pseudoklasė. Jis ypač naudojamas pirminiams elementams pasirinkti. Pavyzdžiui, ' .parent-div:has(h1) “ pasirenka pirminį elementą, turintį „

“ elementai. Norėdami pasirinkti antrinį pirminio elemento elementą, naudokite „ .parent-div p “. Sąlygos teiginys taip pat gali būti naudojamas norint pasirinkti visus tiesioginius antrinius elementus. Šiame straipsnyje paaiškintas CSS pirminis parinkiklis su pavyzdžiais.