我在背景中有一张图片。我需要基于此决定一些div的颜色。我如何直接在CSS中而不是任何脚本或CSS框架中实现它
if (isBackImgTower){
color:#fff; //(then i want to apply the color #fff)
}
else{
color:#000;
}
完全没有。CSS不支持逻辑。
因此,您将需要像SASS / SCSS这样的css预处理器来处理这样的简单逻辑。
SCSS示例 [这可能无法给出确切的答案-只是为了让您有个想法],
$isBackImgTower: true;
div {
@if $isBackImgTower == true {
color: #fff;
} @else {
color: #000;
}
}
但是,为什么不简单地使用带有background-image
属性的类呢?有什么理由吗
例子,
div {
color: #000;
}
div.isBackImgTower {
background-image:url('images/tower.jpg');
color: #fff;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句