Vežba na kombinacije CSS selektora
Napišite selektor koji će izabrati pasuse,
koji se nalaze unutar divova div. Proverite
vaš selektor na sledećem kodu:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Napišite selektor koji će izabrati sve h2,
koji se nalaze unutar divova div. Proverite
vaš selektor na sledećem kodu:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Napišite selektor koji će izabrati sve pasuse
p iz elementa sa id jednakim
block. Proverite vaš selektor na sledećem
kodu:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Napišite selektor koji će izabrati sve h2
iz elementa sa id jednakim block.
Proverite vaš selektor na sledećem kodu:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Napišite selektor koji će izabrati sve elemente
sa klasom bbb. Proverite vaš selektor
na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve elemente
sa klasom bbb iz elementa sa id,
jednakim block. Proverite vaš selektor
na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve pasuse
p sa klasom bbb. Proverite
vaš selektor na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve h2
sa klasom bbb. Proverite vaš selektor
na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve pasuse
p sa klasom bbb iz elementa
sa id, jednakim block. Proverite
vaš selektor na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve elemente
sa klasom bbb i elemente sa klasom
xxx istovremeno (to jest potrebno je grupisati
selektore zarezom). Proverite vaš selektor
na sledećem kodu:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Napišite selektor koji će izabrati sve pasuse
p sa klasom bbb i istovremeno
sve h2 sa klasom xxx. Proverite
vaš selektor na sledećem kodu:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Napišite selektor koji će izabrati sve pasuse
p sa klasom bbb iz elementa
sa id, jednakim block i istovremeno
sve pasuse p sa klasom xxx
iz elementa sa id, jednakim block.
Proverite vaš selektor na sledećem kodu:
<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>
Napišite selektor koji će izabrati sve elemente
sa klasom fff. Proverite vaš selektor
na sledećem kodu:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Napišite selektor koji će izabrati sve pasuse
p iz elementa sa klasom fff.
Proverite vaš selektor na
sledećem kodu:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Napišite selektor koji će izabrati sve pasuse
p sa klasom fff. Proverite
vaš selektor na sledećem kodu:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Napišite selektor koji će izabrati sve elemente
sa klasom bbb iz elementa sa klasom
fff. Proverite vaš selektor na sledećem
kodu:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Napišite selektor koji će izabrati sve h2
sa klasom bbb iz elementa sa klasom
fff. Proverite vaš selektor na sledećem
kodu:
<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>
