Mazoezi ya Uchambuzi wa Kuchagua CSS
Andika kichaguzi ambacho kitachagua aya,
zilizo ndani ya divi div. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Andika kichaguzi ambacho kitachagua h2 zote,
zilizo ndani ya divi div. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Andika kichaguzi ambacho kitachagua aya zote
p kutoka kwa kipengele chenye id, sawa na
block. Jaribu kichaguzi chako kwenye mfumo
ufuatao:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Andika kichaguzi ambacho kitachagua h2 zote
kutoka kwa kipengele chenye id, sawa na block.
Jaribu kichaguzi chako kwenye mfumo ufuatao:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Andika kichaguzi ambacho kitachagua vipengele vyote
vilivyo na darasa bbb. Jaribu kichaguzi chako
kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua vipengele vyote
vilivyo na darasa bbb kutoka kwa kipengele chenye id,
sawa na block. Jaribu kichaguzi chako
kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua aya zote
p zilizo na darasa bbb. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua h2 zote
zilizo na darasa bbb. Jaribu kichaguzi chako
kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua aya zote
p zilizo na darasa bbb kutoka kwa kipengele
chenye id, sawa na block. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua vipengele vyote
vilivyo na darasa bbb na vipengele vilivyo na darasa
xxx wakati mmoja (yaani, unahitaji kuwakusanya pamoja
wachaguzi kwa kutumia koma). Jaribu kichaguzi chako
kwenye mfumo ufuatao:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Andika kichaguzi ambacho kitachagua aya zote
p zilizo na darasa bbb na wakati mmoja
h2 zote zilizo na darasa xxx. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Andika kichaguzi ambacho kitachagua aya zote
p zilizo na darasa bbb kutoka kwa kipengele
chenye id, sawa na block na wakati mmoja
aya zote p zilizo na darasa xxx
kutoka kwa kipengele chenye id, sawa na block.
Jaribu kichaguzi chako kwenye mfumo ufuatao:
<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>
Andika kichaguzi ambacho kitachagua vipengele vyote
vilivyo na darasa fff. Jaribu kichaguzi chako
kwenye mfumo ufuatao:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Andika kichaguzi ambacho kitachagua aya zote
p kutoka kwa kipengele chenye darasa fff.
Jaribu kichaguzi chako kwenye
mfumo ufuatao:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Andika kichaguzi ambacho kitachagua aya zote
p zilizo na darasa fff. Jaribu
kichaguzi chako kwenye mfumo ufuatao:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Andika kichaguzi ambacho kitachagua vipengele vyote
vilivyo na darasa bbb kutoka kwa kipengele chenye darasa
fff. Jaribu kichaguzi chako kwenye mfumo
ufuatao:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Andika kichaguzi ambacho kitachagua h2 zote
zilizo na darasa bbb kutoka kwa kipengele chenye darasa
fff. Jaribu kichaguzi chako kwenye mfumo
ufuatao:
<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>
