Algajate viga järeltulija valijas
Vaadake järgmist valijat:
p.eee {
color: red;
}
Te peaksite juba teadma, et selline valija valib
lõigud klassiga eee. Näiteks need:
<p class="eee">
lorem ipsum
</p>
<p class="eee">
lorem ipsum
</p>
Vaadake nüüd seda valijat:
p .eee {
color: green;
}
See valija erineb eelmisest selle poolest,
et sellel on sildi nime ja klassi nime
vahel tühik. See tühik esindab
järeltulija valijat. See tähendab, et antud juhul
valime kõik elemendid klassiga eee,
mis asuvad lõigude sees. Näiteks see
valija valib järgmised span-id:
<p>
lorem <span class="eee">ipsum</span>
</p>
<p>
lorem <span class="eee">ipsum</span>
</p>
Koodi täitmise tulemus:
Niisiis, veel kord: p.eee - selline valija valib lõigud klassiga
eee. Aga kui ma teen nii: p .eee, siis valin
kõik elemendid klassiga eee, mis asuvad lõigude sees.
Tunnete seda erinevust.
Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:
p.bbb {
color: red;
}
Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:
p .bbb {
color: red;
}
Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:
.eee p.bbb {
color: red;
}
Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:
.eee p .bbb {
color: red;
}