Has Seçici
:has seçicisi, belirtilen seçiciye göre
en az bir eleman içeren elemanları seçer,
zorunlu olarak doğrudan çocuk olması gerekmez.
:has CSS spesifikasyonuna ait olmadığı için,
modern tarayıcılarda performansı artırmak adına
bunun yerine
$("sizin css-seçiciniz").has(seçici/DOM elemanı)
kullanmak daha iyidir.
Sözdizimi
Elemanları şu şekilde seçeriz:
javascript$(':has(seçici)');
Eğer seçicinin doğrudan iç içe geçmiş olması gerekiyorsa, elemanları şu şekilde seçeriz:
javascript$(':has(>seçici)');
Örnek
Hadi sadece içinde b etiketi olan
paragrafları seçelim ve sonlarına
'!!!' metnini ekleyelim:
html<p>metin</p>
<p>metin</p>
<p><b>kalın</b> metin</p>
<p><b>kalın</b> metin</p>javascript$('p:has(b)').append('!!!');
HTML kodu şu şekilde görünecektir:
html<p>metin</p>
<p>metin</p>
<p><b>kalın</b> metin!!!</p>
<p><b>kalın</b> metin!!!</p>