Amalan pada Gabungan Pemilih CSS
Tulis pemilih yang akan memilih perenggan,
terletak di dalam div div. Uji
pemilih anda pada kod berikut:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Tulis pemilih yang akan memilih semua h2,
terletak di dalam div div. Uji
pemilih anda pada kod berikut:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Tulis pemilih yang akan memilih semua perenggan
p dari elemen dengan id, sama dengan
block. Uji pemilih anda pada kod
berikut:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Tulis pemilih yang akan memilih semua h2
dari elemen dengan id, sama dengan block.
Uji pemilih anda pada kod berikut:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Tulis pemilih yang akan memilih semua elemen
dengan kelas bbb. Uji pemilih anda
pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua elemen
dengan kelas bbb dari elemen dengan id,
sama dengan block. Uji pemilih anda
pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua perenggan
p dengan kelas bbb. Uji
pemilih anda pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua h2
dengan kelas bbb. Uji pemilih anda
pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua perenggan
p dengan kelas bbb dari elemen
dengan id, sama dengan block. Uji
pemilih anda pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua elemen
dengan kelas bbb dan elemen dengan kelas
xxx secara serentak (iaitu anda perlu mengumpulkan
pemilih melalui koma). Uji pemilih anda
pada kod berikut:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Tulis pemilih yang akan memilih semua perenggan
p dengan kelas bbb dan secara serentak
semua h2 dengan kelas xxx. Uji
pemilih anda pada kod berikut:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Tulis pemilih yang akan memilih semua perenggan
p dengan kelas bbb dari elemen
dengan id, sama dengan block dan secara serentak
semua perenggan p dengan kelas xxx
dari elemen dengan id, sama dengan block.
Uji pemilih anda pada kod berikut:
<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>
Tulis pemilih yang akan memilih semua elemen
dengan kelas fff. Uji pemilih anda
pada kod berikut:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Tulis pemilih yang akan memilih semua perenggan
p dari elemen dengan kelas fff.
Uji pemilih anda pada
kod berikut:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Tulis pemilih yang akan memilih semua perenggan
p dengan kelas fff. Uji
pemilih anda pada kod berikut:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Tulis pemilih yang akan memilih semua elemen
dengan kelas bbb dari elemen dengan kelas
fff. Uji pemilih anda pada kod berikut:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Tulis pemilih yang akan memilih semua h2
dengan kelas bbb dari elemen dengan kelas
fff. Uji pemilih anda pada kod berikut:
<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>
