基于主体类名称的高级CSS选择器查询

Question

谁能建议我如何创建一个根据身体类别而变化的css规则？ 这是在移动应用程序中使用的骨干js应用程序中。

目前，我在body标签上有一个类的“ ks3”或“ ks4”（如下所示），我想为ks3提供一个.menu类，为ks4提供一个

当前的CSS：

.menu {
 background-image:url(../img/navigation/bg-768x1024.png);  // need to set to null if body class has ks4
 background-size: cover;
 color: #fff;
}

html

<body class="ks4">
  <div class="stk">
    <div class="shell"> 
      <div class="menu"> 
       <!-- my menu here-->
      </div>
    </div>
 </div>
</body>

因此，实质上，我正在尝试在psuedocode中执行以下操作。

if（body class is'ks4'）{使用现有的.menu类，但将background-image设置为none。 }

使用高级CSS选择器可以做到这一点吗？

Answer 1

由于您为.menu设置了规则，因此它适用于菜单类的所有元素。 现在，您只需要设置一个规则以覆盖背景图像的当前规则即可。

body.ks4 .menu{
    background-image:none !important;
}

基于主体类名称的高级CSS选择器查询

问题描述

html

1 个解决方案

解决方案1
1 已采纳 2015-07-29 10:26:02

基于主体类名称的高级CSS选择器查询

问题描述

html

1 个解决方案

解决方案1 1 已采纳 2015-07-29 10:26:02

解决方案1
1 已采纳 2015-07-29 10:26:02