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

标签 javascript jquery css

我想将 JQuery CSS 调用(修改 CSS 以便我可以使用变量)与一些 Javascript div/类匹配。我不能使用“id”,因为循环中有很多这样的实例。编辑:它仍然不是很有效,我想我需要在这里提供更多细节。

CSS 的相关部分(还有其他转换线,此处未显示):

.thermometer .circle {
    position: absolute;
    ...

.pie {
    position: absolute;
    ...
}

.hold {
    position: absolute;
    ...
    clip: rect(0px, 26px, 26px, 13px);
}

.pieSlice1 .pie {
    background-color: white;
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
}

在 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)'}); %>

我已经删除了“pieSlice1”和“hold”之间的空格,但是我需要任何其他类才能匹配吗?

最佳答案

应该是:

.pieSlice1.hold .pie

.pieSlice1.hold 之间没有空格

关于javascript - CSS/Javascript/JQuery 中的类和选择器匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14158377/

相关文章:

javascript - 单击时所有元素都会更改,而不仅仅是目标元素

jquery - 如何使用jquery从div内的许多选择框中获取值

html - 如何调整 Bootstrap 页面标题中的导航栏?

html - 如何在 CSS 中设置 float div 的高度?

javascript - 从多个工作表复制行并删除

javascript - 将数字的数字相加并返回总和

javascript - 单页应用程序 : auth token management and browser refreshes

javascript - jquery ui 自动完成样式问题

javascript - 人性化输入javascript jquery

css - 元标记 "viewport"不适用于外部主机