Komanda supports
Komanda @supports zadaje stil elementima uzimajući u obzir
mogućnosti koje brauzer podržava.
U ovoj komandi mogu se kreirati uslovi pomoću
logičkih operatora not,
and, or.
Sintaksa
@supports uslov {
}
Primer
Hajde da zadamo uslov da, ako vaš brauzer podržava
svojstvo display sa vrednošću flex,
tada će se prikazati samo pasus sa
odgovarajućim tekstom, pri čemu će boja njegovog fonta
biti plava:
<p class="yes">Vaš brauzer podržava display: flex.</p>
<p class="no">Vaš brauzer ne podržava display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Vidite takođe
-
komanda
@import,
koja importuje CSS fajl -
komanda
@media,
koja zadaje stil za tip medija -
komanda
!important,
koja zadaje prioritet stila
