与“if”语句等价的CSS

我认为CSS中最接近“如果”的是媒体查询，比如那些可以用于响应设计的查询。对于媒体查询，您会说“如果屏幕宽度在440像素到660像素之间，请这样做”。在此处阅读有关媒体查询的更多信息：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp，下面是它们的外观示例：

@媒体屏幕和（最大宽度：300px）{
身体{
背景颜色：浅蓝色；
}
}

除了转到SASS/SCSS（如上所述）之外，这几乎就是CSS中“IF”的范围

我认为最好的选择是在脚本语言中更改类/ID，然后处理CSS中的每个类/ID选项。例如，在PHP中，它可能类似于：

&lt；？php
如果（A&gt；B）{
echo'&lt；div class=“option-a”&gt；
} 
否则{
echo'&lt；div class=“option-b”&gt；
}
？&gt；

然后你的CSS可以是

{
背景色：红色；
}
.备选方案b{
背景颜色：蓝色；
}