Komanda supports
Komanda @supports nustato stilių elementams atsižvelgiant
į naršyklės palaikomas galimybes.
Šioje komandoje galima kurti sąlygas naudojant
loginius operatorius not,
and, or.
Sintaksė
@supports sąlyga {
}
Pavyzdys
Sukurkime sąlygą, kad jei jūsų naršyklė palaiko
savybę display su reikšme flex,
bus rodoma tik atitinkamo teksto pastraipa, o jos šrifto spalva
bus melsva:
<p class="yes">Jūsų naršyklė palaiko display: flex.</p>
<p class="no">Jūsų naršyklė nepalaiko display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Taip pat žiūrėkite
-
komanda
@import,
kuri importuoja CSS failą -
komanda
@media,
kuri nustato stilių laikmenos tipui -
komanda
!important,
kuri nustato stiliaus pirmumą
