的HTML

Question

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

目前我对身体标签上的一个班级有'ks3'或'ks4'（如下图所示），我想要ks3＆amp;的.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是'ks4'）{ 使用现有的.menu类，但将background-image设置为none。 }

这是否可以使用高级CSS选择器？

Answer 1

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

func printItems<T>(items: [T]) {
    for item in items {
        print(item)
    }
}

let names = ["Joffrey", "Cersei", "Mountain", "Hound"]
let numbers = [3.1416, 2.71818, 1.4142, 1.618034]

printItems(names)    // This now works
printItems(numbers)  // This works too

基于正文类名

的HTML

1 个答案: