Bir nechta uslublar jadvali
Bir nechta stillar jadvallari
Agar bir xil selektor (element) uchun turli uslublar jadvallarida ba’zi xossalar belgilangan bo‘lsa, oxirgi o‘qilgan uslublar jadvalidagi qiymat ishlatiladi.
Tashqi uslublar jadvalida <h1> elementi uchun quyidagi uslub bor deb faraz qilaylik:
h1
{
color: navy;
}Keyin ichki uslublar jadvalida ham <h1> elementi uchun quyidagi uslub bor deb faraz qilaylik:
h1
{
color: orange;
}Misol
Agar ichki uslub tashqi uslublar jadvali havolasidan keyin belgilangan bo‘lsa, <h1> elementlari "to‘q sariq" (orange) bo‘ladi:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h1 {
color: orange;
}
</style>
</head>
O‘zingiz sinab ko‘ring »
Misol
Biroq agar ichki uslub tashqi uslublar jadvali havolasidan oldin belgilangan bo‘lsa, <h1> elementlari "to‘q ko‘k" (navy) bo‘ladi:
<head>
<style>
h1 {
color: orange;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
O‘zingiz sinab ko‘ring »
Kaskad tartibi (Cascading Order)
HTML element uchun birdan ortiq uslub belgilangan bo‘lsa, qaysi uslub ishlatiladi?
Sahifadagi barcha uslublar quyidagi qoidalar bo‘yicha yangi "virtual" uslublar jadvaliga "kaskad" bo‘lib tushadi, bu yerda birinchi raqam eng yuqori ustunlikka ega:
- Inline uslub (HTML elementi ichida)
- Tashqi va internal stillar jadvallari (head bo‘limida)
- Brauzer standarti
Demak, inline uslub eng yuqori ustuvorlikka ega va tashqi hamda internal uslublarni hamda brauzer standartlarini almashtiradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!