@layer
Misol
Anonim qatlamlardan foydalanish (standart kaskad tartibiga amal qiladi — yuqoridan pastga):
/* layer 1 */
@layer {
body {
background: pink;
}
}
/* layer 2 */
@layer {
body {
background: lightblue; /* last layer wins */
}
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS @layer qoidasi CSS kaskad qatlamlari uslublar tartibini qanday baholashini boshqarish uchun ishlatilishi mumkin.
Buning uchun avval qatlam belgilanadi, so‘ngra u muayyan tartibda baholanishi kerak bo‘lgan qoidalar to‘plamlarini o‘rab oladi.
@layer nom bilan yoki nomsiz belgilanishi mumkin.
Nomsiz @layer anonim qatlam deb ataladi. Anonim qatlamlar e’lon qilingan tartibda baholanadi (yuqoridagi misolga qarang). Ular standart kaskad tartibiga (yuqoridan pastga) amal qiladi.
Noyob nomga ega @layer nomlangan qatlam deb ataladi. Nomlangan qatlamlar yordamida biz xohlagan aniq kaskad tartibini belgilashimiz mumkin (quyidagi misolga qarang). Tartib chapdan o‘ngga, eng kam spetsifikdan eng spetsifikka qarab boradi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar at-qoidani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| At-qoida | |||||
|---|---|---|---|---|---|
| @layer | 99 | 99 | 97 | 15.4 | 86 |
CSS sintaksisi
@layer name {
CSS e’lonlari;
}
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| name | Ixtiyoriy. Kaskad qatlami uchun nom belgilaydi |
Ko‘proq misollar
Misol
Nomlangan qatlamlardan foydalanish (va biz xohlagan aniq kaskad tartibini belgilash):
/* secify exact cascading order */
@layer bgblue, bgpink;
/* layer 1 */
@layer bgpink {
body {
background: pink; /* wins */
}
}
/* layer 2 */
@layer bgblue {
body {
background: lightblue;
}
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!