Has-valitsin
Valitsin :has valitsee elementit,
jotka sisältävät vähintään yhden elementin
määritetyn valitsimen mukaan, ei välttämättä
välittömän jälkeläisen.
Koska :has ei kuulu CSS-spesifikaatioon,
on nykyaikaisissa selaimissa suorituskyvyn parantamiseksi
parempi käyttää sen sijasta
$("sinun css-valitsin").has(valitsin/DOM-elementti).
Syntaksi
Näin valitsemme elementit:
javascript$(':has(valitsin)');
Näin valitsemme elementit, jos tarvitaan välitön sisäkkäisyys valitsimelle:
javascript$(':has(>valitsin)');
Esimerkki
Valitaan vain ne kappaleet, joiden sisällä on
tagi b ja
lisätään niiden loppuun teksti '!!!':
html<p>teksti</p>
<p>teksti</p>
<p><b>lihavoitu</b> teksti</p>
<p><b>lihavoitu</b> teksti</p>javascript$('p:has(b)').append('!!!');
HTML-koodi näyttää tältä:
html<p>teksti</p>
<p>teksti</p>
<p><b>lihavoitu</b> teksti!!!</p>
<p><b>lihavoitu</b> teksti!!!</p>