Paragraf bor va unda i tegidagi matn mavjud.
<p>
This is some <i>text</i> in paragraph.
</p>
Keling, paragraflarni qizil rangga bo'yaymiz.
p {
color: red;
}
Natijada, nafaqat paragraf matni, balki i tegi matni ham qizil rangga bo'yaladi.
rez Bu paragrafdagi ba'zi matn.
Muammo shundaki, rang stili meros qilib olinadi. Bu shuni anglatadiki, agar ota ma'lum bir rangga ega bo'lsa, unda bolasi ham bu rangga ega bo'ladi. Barcha CSS stillari meros bo'lib qolmaydi, lekin ko'plari (siz allaqachon bilganlar - barchasi meros bo'lib qoladi).
Biroq, agar xohlasangiz, nasl selektorini o'rnatish orqali ota stilini qayta aniqlash mumkin. Misol uchun, paragrafni qizil rangga, kursivni esa ko'k rangga o'rnatamiz.
<p>
This is some <i>text</i> in paragraph.
</p>
p {
color: red;
}
i {
color: blue;
}
Kodni bajarish natijasi.
Bu holda CSS kodidagi selektorlarning tartibi muhim emas. Agar siz i selektori va p selektorini o'zgartirsangiz, hamma narsa xuddi shunday ishlaydi.
<p>
This is some <i>text</i> in paragraph.
</p>
i {
color: blue;
}
p {
color: red;
}
Kodni bajarish natijasi.