CSS selektorlarynyň birleşmelerinde amalyýet
Divleriň içindäki div abzaslary saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Divleriň içindäki div ähli h2 elementlerini saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
id atributy block deň bolan elementden ähli p abzaslaryny saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
id atributy block deň bolan elementden ähli h2 elementlerini saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
bbb klassy bolan ähli elementleri saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
</div>
<div class="bbb">
+++
</div>
<h2>---</h2>
<p class="bbb">
+++
</p>
id atributy block deň bolan elementden bbb klassy bolan ähli elementleri saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
bbb klassy bolan ähli p abzaslaryny saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
+++
</p>
bbb klassy bolan ähli h2 elementlerini saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
<h2 class="bbb">+++</h2>
<p class="bbb">
---
</p>
id atributy block deň bolan elementden bbb klassy bolan ähli p abzaslaryny saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<p>
---
</p>
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
</div>
<div class="bbb">
---
</div>
<h2>---</h2>
<p class="bbb">
---
</p>
bbb klassy bolan we xxx klassy bolan ähli elementleri bilelikde (ýagny, selektorlary vergül bilen toparlamaly) saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
bbb klassy bolan ähli p abzaslaryny we xxx klassy bolan ähli h2 elementlerini bilelikde saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
id atributy block deň bolan elementden bbb klassy bolan ähli p abzaslaryny we id atributy block deň bolan elementden xxx klassy bolan ähli p abzaslaryny bilelikde saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">---</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
---
</div>
<div class="xxx">
---
</div>
</div>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
fff klassy bolan ähli elementleri saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
fff klassy bolan elementden ähli p abzaslaryny saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
fff klassy bolan ähli p abzaslaryny saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
fff klassy bolan elementden bbb klassy bolan ähli elementleri saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
fff klassy bolan elementden bbb klassy bolan ähli h2 elementlerini saýlaýan selektory ýazyň.
Selektoryňyzy aşakdaky kodyň üstünde synaň:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p class="bbb">
---
</p>
</div>
<h2 class="bbb">---</h2>
<p class="bbb">
---
</p>
<p class="fff">
---
</p>
