Praktikë mbi Kombinimet e CSS Selectors
Shkruani një selektor që do të zgjedhë paragrafët,
të vendosur brenda div-eve div. Kontrolloni
selektorin tuaj në kodin vijues:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë h2,
të vendosur brenda div-eve div. Kontrolloni
selektorin tuaj në kodin vijues:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p nga elementi me id, të barabartë me
block. Kontrolloni selektorin tuaj në kodin
vijues:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë h2
nga elementi me id, të barabartë me block.
Kontrolloni selektorin tuaj në kodin vijues:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë elementët
me klasën bbb. Kontrolloni selektorin tuaj
në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë elementët
me klasën bbb nga elementi me id,
të barabartë me block. Kontrolloni selektorin tuaj
në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p me klasën bbb. Kontrolloni
selektorin tuaj në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë h2
me klasën bbb. Kontrolloni selektorin tuaj
në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p me klasën bbb nga elementi
me id, të barabartë me block. Kontrolloni
selektorin tuaj në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë elementët
me klasën bbb dhe elementët me klasën
xxx njëkohësisht (d.m.th. duhet të gruponi
selektorët me presje). Kontrolloni selektorin tuaj
në kodin vijues:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p me klasën bbb dhe njëkohësisht
të gjithë h2 me klasën xxx. Kontrolloni
selektorin tuaj në kodin vijues:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p me klasën bbb nga elementi
me id, të barabartë me block dhe njëkohësisht
të gjithë paragrafët p me klasën xxx
nga elementi me id, të barabartë me block.
Kontrolloni selektorin tuaj në kodin vijues:
<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>
Shkruani një selektor që do të zgjedhë të gjithë elementët
me klasën fff. Kontrolloni selektorin tuaj
në kodin vijues:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p nga elementi me klasën fff.
Kontrolloni selektorin tuaj në
kodin vijues:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë paragrafët
p me klasën fff. Kontrolloni
selektorin tuaj në kodin vijues:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Shkruani një selektor që do të zgjedhë të gjithë elementët
me klasën bbb nga elementi me klasën
fff. Kontrolloni selektorin tuaj në kodin
vijues:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Shkruani një selektor që do të zgjedhë të gjithë h2
me klasën bbb nga elementi me klasën
fff. Kontrolloni selektorin tuaj në kodin
vijues:
<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>
