CSS selektorlarının kombinasiyaları üzrə təcrübə
Daxilində yerləşən abzasları seçən selektoru yazın,
divlərin div. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Daxilində yerləşən bütün h2 seçən selektoru yazın,
divlərin div. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Elementdən olan bütün abzasları seçən selektoru yazın
p id ilə, bərabər olan
block. Yoxlayın selektorunuzu aşağıdakı
koda görə:
html<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Elementdən olan bütün h2 seçən selektoru yazın
id ilə, bərabər olan block.
Yoxlayın selektorunuzu aşağıdakı koda görə:
html<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Sinifi olan bütün elementləri seçən selektoru yazın
bbb. Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<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>
Elementdən olan sinifi olan bütün elementləri seçən selektoru yazın
bbb id ilə,
bərabər olan block. Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<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>
Sinifi olan bütün abzasları seçən selektoru yazın
p bbb. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<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>
Sinifi olan bütün h2 seçən selektoru yazın
bbb. Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<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>
Elementdən olan sinifi olan bütün abzasları seçən selektoru yazın
p bbb
id ilə, bərabər olan block. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<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>
Sinifi olan bütün elementləri seçən selektoru yazın
bbb və sinifi olan elementləri
xxx eyni zamanda (yəni qruplaşdırmaq lazımdır
selektorları vergüllə). Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Sinifi olan bütün abzasları seçən selektoru yazın
p bbb və eyni zamanda
bütün h2 sinifi olan xxx. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Elementdən olan sinifi olan bütün abzasları seçən selektoru yazın
p bbb
id ilə, bərabər olan block və eyni zamanda
sinifi olan bütün abzaslar p xxx
elementdən id ilə, bərabər olan block.
Yoxlayın selektorunuzu aşağıdakı koda görə:
html<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>
Sinifi olan bütün elementləri seçən selektoru yazın
fff. Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Sinifi olan elementdən bütün abzasları seçən selektoru yazın
p fff.
Yoxlayın selektorunuzu
aşağıdakı koda görə:
html<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Sinifi olan bütün abzasları seçən selektoru yazın
p fff. Yoxlayın
selektorunuzu aşağıdakı koda görə:
html<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Sinifi olan elementdən sinifi olan bütün elementləri seçən selektoru yazın
bbb fff. Yoxlayın selektorunuzu aşağıdakı
koda görə:
html<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Sinifi olan elementdən sinifi olan bütün h2 seçən selektoru yazın
bbb fff. Yoxlayın selektorunuzu aşağıdakı
koda görə:
html<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>