Praksa s kombinacijami CSS selektorjev
Napišite selektor, ki bo izbral odstavke,
nameščene znotraj div-ov div. Preverite
vaš selektor na naslednji kodi:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Napišite selektor, ki bo izbral vse h2,
nameščene znotraj div-ov div. Preverite
vaš selektor na naslednji kodi:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Napišite selektor, ki bo izbral vse odstavke
p iz elementa z id, enakim
block. Preverite vaš selektor na naslednji
kodi:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Napišite selektor, ki bo izbral vse h2
iz elementa z id, enakim block.
Preverite vaš selektor na naslednji kodi:
<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, ki bo izbral vse elemente
z razredom bbb. Preverite vaš selektor
na naslednji kodi:
<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, ki bo izbral vse elemente
z razredom bbb iz elementa z id,
enakim block. Preverite vaš selektor
na naslednji kodi:
<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, ki bo izbral vse odstavke
p z razredom bbb. Preverite
vaš selektor na naslednji kodi:
<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, ki bo izbral vse h2
z razredom bbb. Preverite vaš selektor
na naslednji kodi:
<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, ki bo izbral vse odstavke
p z razredom bbb iz elementa
z id, enakim block. Preverite
vaš selektor na naslednji kodi:
<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, ki bo izbral vse elemente
z razredom bbb in elemente z razredom
xxx hkrati (to pomeni, da morate združiti
selektorje z vejico). Preverite vaš selektor
na naslednji kodi:
<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, ki bo izbral vse odstavke
p z razredom bbb in hkrati
vse h2 z razredom xxx. Preverite
vaš selektor na naslednji kodi:
<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, ki bo izbral vse odstavke
p z razredom bbb iz elementa
z id, enakim block in hkrati
vse odstavke p z razredom xxx
iz elementa z id, enakim block.
Preverite vaš selektor na naslednji kodi:
<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, ki bo izbral vse elemente
z razredom fff. Preverite vaš selektor
na naslednji kodi:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Napišite selektor, ki bo izbral vse odstavke
p iz elementa z razredom fff.
Preverite vaš selektor na
naslednji kodi:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Napišite selektor, ki bo izbral vse odstavke
p z razredom fff. Preverite
vaš selektor na naslednji kodi:
<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, ki bo izbral vse elemente
z razredom bbb iz elementa z razredom
fff. Preverite vaš selektor na naslednji
kodi:
<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, ki bo izbral vse h2
z razredom bbb iz elementa z razredom
fff. Preverite vaš selektor na naslednji
kodi:
<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>
