CSS/Javascript/JQuery中的类和选择器匹配

我想将JQuery CSS调用（修改CSS以便使用变量）与一些Javascript div/类相匹配。我不能使用“id”，因为循环中有许多这样的实例。编辑：它还没有完全工作，我想我需要更多的细节在这里

CSS的相关部分（还有其他转换线，此处未显示）：

在JST EJS文件中：

 <div class="thermometer">
   <div class="circle <%= this.presenter.newColor(nutrient) %>">
     <div class="pieSlice1 hold">
       <div class="pie"></div>
         <% $(".pieSlice1.hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'}); %>

我已经删除了“PieSicle1”和“hold”之间的空格，但是我是否需要任何其他类来匹配？

应该是：

.pieSlice1.hold .pie

在

.1

和

.hold

之间没有任何空格，它应该是：

.pieSlice1.hold .pie

---

.1

和

之间没有空格。按住

如果需要交叉点，只需将选择器写在一起，中间没有空格

$(".pieSlice1.hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});

当我们包含空间时，它会寻找后代

另一个选择是：

$(".pieSlice1").filter(".hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});

---

如果你想要一个交叉点，只需将选择器写在一起，中间没有空格

$(".pieSlice1.hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});

当我们包含空间时，它会寻找后代

另一个选择是：

$(".pieSlice1").filter(".hold .pie").css({'-webkit-transform': 'rot
ate(22deg)'});

---

由于

.piesicle1

和

.hold

都是同一元素上的类，因此需要将它们链接起来：

.pieSlice1.hold .pie

请注意

.pieSlice1

和

.hold

之间没有空格–这意味着它将把一个元素与类

.pie

相匹配，该类是既有

.pieSlice1

又有

类的元素的后代

而你现在所拥有的

.pieSlice1 .hold .pie

这将使元素与类
相匹配。pie
是类
元素的后代。hold
，它本身是类
元素的后代。PieSicle1
由于
.PieSicle1
和
.hold
都是同一元素上的类，因此需要将它们链接起来：

.pieSlice1.hold .pie

请注意
.pieSlice1
和
.hold
之间没有空格–这意味着它将把一个元素与类
.pie
相匹配，该类是既有
.pieSlice1
又有
类的元素的后代

而你现在所拥有的

.pieSlice1 .hold .pie

这将使元素与类
.pie
相匹配，pie
是类
元素的后代。hold
，它本身是类
元素的后代。piesicle1
#daGUY，非常感谢。请再看一看编辑-我怀疑我仍然没有完全正确。#daGUY，非常感谢。请再看一看编辑-我怀疑我仍然没有完全正确。请快速再看一看。我怀疑我还没有完全做到这一点。这应该行得通。如果不行，请尝试
.temporate.piesicle1.hold.pie
请快速查看。我怀疑我还没有完全做到。这应该行得通。如果不行，试试
.temperson.piesice1.hold.pie
谢谢，@keune。如果有机会的话，请看一看——我又加了一点。我怀疑这不太正确。您尝试添加的选择器语法和css属性是正确的。如果不起作用，应该还有其他问题。谢谢。我不知道如何找到另一个问题。我想我需要学习更多关于javascript调试的知识，以找出为什么不匹配。谢谢你的帮助。谢谢，@keune。如果有机会的话，请看一看——我又加了一点。我怀疑这不太正确。您尝试添加的选择器语法和css属性是正确的。如果不起作用，应该还有其他问题。谢谢。我不知道如何找到另一个问题。我想我需要学习更多关于javascript调试的知识，以找出为什么不匹配。谢谢你的帮助。