Question

如何找到有2个类的元素

例如

<div class="class1 class2"></div>
<div class="class1"></div>

这里我想为div应用不同的CSS，但两者的类名都为“class1”

Answer 1

使用javascript查找DIV并循环浏览它们，检查类名并相应地应用css

<html>
<body>
<div class="class1 class2"></div>
<div class="class1"></div>
</body>
</html>

<script>
var div = document.querySelectorAll('div');
div.forEach(function(d){
    debugger;
  if(d.className === "class1") {
    // css for class1
  } else if(d.className === "class1 class2") {
    // css for class2
  }  
});
</script>

或使用Css

.class1 {
   background-color: red;
}

.class1.class2 {
   background-color: blue;
}

如何找到有2个类的元素

1 个答案: