:defined
Misol
:defined psevdo-klassidan foydalanish:
custom-element:not(:defined) {
border-color: grey;
color: grey;
}
custom-element:defined {
background-color: salmon;
border-color: maroon;
color: black;
}
/* show loading message */
custom-element:not(:defined)::before {
content: "Loading...";
position: absolute;
inset: 0 0 0 0;
align-content: center;
text-align: center;
font-size: 25px;
background-color: white;
}
/* remove the loading message */
custom-element:defined::before {
content: "";
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :defined psevdo-klassi aniqlangan (defined) istalgan elementga mos keladi.
Bu psevdo-klassni standart elementlarda va muvaffaqiyatli aniqlangan maxsus elementlarda ishlatish mumkin.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :defined | 54 | 79 | 63 | 10 | 41 |
CSS sintaksisi
:defined {
css declarations;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!