Πρακτική σε συνδυασμούς επιλογέων CSS
Γράψτε έναν επιλογέα που θα επιλέγει τις παραγράφους,
που βρίσκονται μέσα σε div div. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<div>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<p>
+++
</p>
</div>
<p>
---
</p>
<p>
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα h2,
που βρίσκονται μέσα σε div div. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<div>
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
</div>
<div>
<h2>+++</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p από το στοιχείο με id, ίσο με
block. Ελέγξτε τον επιλογέα σας στον ακόλουθο
κώδικα:
<div id="block">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα h2
από το στοιχείο με id, ίσο με block.
Ελέγξτε τον επιλογέα σας στον ακόλουθο κώδικα:
<div id="block">
<h2>+++</h2>
<p>
---
</p>
<p>
---
</p>
<h2>+++</h2>
<p>
---
</p>
</div>
<div>
<h2>---</h2>
<p>
---
</p>
</div>
<h2>---</h2>
<p>
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα στοιχεία
με κλάση bbb. Ελέγξτε τον επιλογέα σας
στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα στοιχεία
με κλάση bbb από το στοιχείο με id,
ίσο με block. Ελέγξτε τον επιλογέα σας
στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p με κλάση bbb. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα h2
με κλάση bbb. Ελέγξτε τον επιλογέα σας
στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p με κλάση bbb από το στοιχείο
με id, ίσο με block. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα στοιχεία
με κλάση bbb και τα στοιχεία με κλάση
xxx ταυτόχρονα (δηλαδή πρέπει να ομαδοποιήσετε
τους επιλογείς με κόμμα). Ελέγξτε τον επιλογέα σας
στον ακόλουθο κώδικα:
<h2 class="bbb">+++</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
+++
</p>
<div class="bbb">
+++
</div>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p με κλάση bbb και ταυτόχρονα
όλα τα h2 με κλάση xxx. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<h2 class="bbb">---</h2>
<p class="bbb">
+++
</p>
<h2 class="xxx">+++</h2>
<p>
---
</p>
<h2>---</h2>
<p class="xxx">
---
</p>
<div class="bbb">
---
</div>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p με κλάση bbb από το στοιχείο
με id, ίσο με block και ταυτόχρονα
όλες τις παραγράφους p με κλάση xxx
από το στοιχείο με id, ίσο με block.
Ελέγξτε τον επιλογέα σας στον ακόλουθο κώδικα:
<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>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα στοιχεία
με κλάση fff. Ελέγξτε τον επιλογέα σας
στον ακόλουθο κώδικα:
<div class="fff">
+++
</div>
<h2 class="fff">+++</h2>
<p class="fff">
+++
</p>
<h2 class="bbb">---</h2>
<p class="xxx">
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p από το στοιχείο με κλάση fff.
Ελέγξτε τον επιλογέα σας στον
ακόλουθο κώδικα:
<div class="fff">
<h2>---</h2>
<p>
+++
</p>
<p>
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλες τις παραγράφους
p με κλάση fff. Ελέγξτε
τον επιλογέα σας στον ακόλουθο κώδικα:
<div id="block">
<h2>---</h2>
<p>
---
</p>
<p>
---
</p>
<p class="fff">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="fff">
+++
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα στοιχεία
με κλάση bbb από το στοιχείο με κλάση
fff. Ελέγξτε τον επιλογέα σας στον ακόλουθο
κώδικα:
<div class="fff">
<h2 class="bbb">+++</h2>
<p>
---
</p>
<p>
---
</p>
<p class="bbb">
+++
</p>
</div>
<h2 class="fff">---</h2>
<p class="bbb">
---
</p>
Γράψτε έναν επιλογέα που θα επιλέγει όλα τα h2
με κλάση bbb από το στοιχείο με κλάση
fff. Ελέγξτε τον επιλογέα σας στον ακόλουθο
κώδικα:
<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>
