我们可以在不使用任何框架的情况下在css中给出if else条件吗

玛诺·库玛(Manoj Kumar)

我在背景中有一张图片。我需要基于此决定一些div的颜色。我如何直接在CSS中而不是任何脚本或CSS框架中实现它

if (isBackImgTower){
    color:#fff; //(then i want to apply the color #fff)
}
else{
    color:#000;
}
杰拉德·鲁特南(Jerad Rutnam)

完全没有。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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我们可以在不使用Excel插入对象之类的任何Google Form的情况下在Google Spreadsheet中插入文本框/按钮吗?

我们可以在不使用 Azure Active Directory 的情况下在 Azure 中配置 SSO(单点登录)吗?

我们可以在不使用MatTableDataSource / <mat-table>的情况下在Angular中使用MatPaginator吗?

我们可以在不使用Jad文件的情况下在Blackberry中共享应用程序吗

我们可以在没有类的情况下在java中创建对象吗?

我们可以在不使用Java中的return的情况下为通过参数传递的对象分配值吗?

我们可以在不使用Cloud Composer的情况下运行气流模板吗

我们可以在不使用 Firebase 的情况下向全球发送通知吗?

我们可以通过仅更改if条件在执行else条件之后返回并执行if条件吗?

我们可以在没有管理员权限的情况下在 VSCode 中本地运行 azure 函数吗

我们可以在没有互联网访问(离线)的情况下在我们的远程 VM 中为 azure 部署组安装代理吗?

我们可以在不使用 ionic 3 中的循环的情况下分配一个值为 1 或任何其他整数以外的数字值的变量吗

今天我们可以在不使用粘性会话的情况下通过websocket使用核心SignalR吗?

我们可以仅在不使用on_delete的情况下定义model.CASCADE吗?

我们可以在不使用 selenium/QTP 等的情况下进行网络自动化吗?

我们可以在不使用fopen的情况下用C打开二进制文件吗?

我们可以在不使用GCM / FCM的情况下以chrome形式进行网络推送通知吗?

我们可以在不使用Datepicker的情况下将材质UI选择器中的日历组件用作独立组件吗?

我们可以在不打开任何Office dll的情况下打印docx文件吗?

我们可以在没有相机预览的情况下在Android中使用takePicture()吗?为了安全起见,我需要秘密拍照

我可以在不使用 res.render / 向用户返回信息的情况下在 express 中呈现 html 吗?

我可以在不使用内置 print() 函数的情况下在 Apache Flink 中打印 DataSteam<T> 的各个元素吗

我可以在不使用虚拟Mac OS系统的情况下在Ubuntu中开发iOS应用程序吗?

在ArangoDB中,如果我们不使用任何JS过程,可以禁用V8引擎吗?

我可以在不使用Apollo的情况下在反应中使用graphql吗?

我们可以在没有Azure或Bot模拟器的情况下在自己的客户端中测试Bot吗?

我们可以在 Django 中不定义 STATICFILES_DIRS 的情况下使用静态文件吗

我们可以在不使用Facebook功能登录的情况下获取电子邮件ID的Facebook朋友列表吗

我们可以在不使用 ruamel.yaml 的情况下将旧 YAML 的内容复制到新 YAML 吗