Amri ya supports
Amri @supports inabainisha mtindo kwa vipengele kwa kuzingatia
uwezo unaosaidiwa na kivinjari.
Katika amri hii, unaweza kuunda masharti kwa kutumia
viendeshaji mantiki not,
and, or.
Kiendishi
@supports sharti {
}
Mfano
Wacha tuweke sharti kwamba, ikiwa kivinjari chako kinasaidia
sifa display yenye thamani flex,
basi aya yenye
maandishi yanayofata ndiyo itaonyeshwa, wakati rangi ya herufi zake
itakuwa ya rangi ya samawati:
<p class="yes">Kivinjari chako kinasaidia display: flex.</p>
<p class="no">Kivinjari chako hakiSAIDII display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
Angalia pia
-
amri
@import,
ambayo inaingiza faili la CSS -
amri
@media,
ambayo inabainisha mtindo kwa aina ya kifaa -
amri
!important,
ambayo inabainisha kipaumbele cha mtindo
