我想说 CSS 中最接近“IF”的是媒体查询,例如可用于响应式设计的媒体查询。对于媒体查询,您可以说“如果屏幕宽度在 440 像素到 660 像素之间,则执行此操作”。在这里阅读有关媒体查询的更多信息:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp http://www.w3schools.com/cssref/css3_pr_mediaquery.asp,这是它们的外观示例:
@media screen and (max-width: 300px) {
body {
background-color: lightblue;
}
}
这几乎就是 CSS 中“IF”的范围,除了转移到 SASS/SCSS(如上所述)。
我认为最好的选择是更改脚本语言中的类/ID,然后处理 CSS 中的每个类/ID 选项。例如,在 PHP 中,它可能类似于:
<?php
if( A > B ){
echo '<div class="option-a">';
}
else{
echo '<div class="option-b">';
}
?>
那么你的 CSS 可以是这样的
.option-a {
background-color:red;
}
.option-b {
background-color:blue;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)