如何为类的组合设置css规则？

Question

我有一个div标签

<div class="one two three">foo<div>
<div class="one two four">bar</div>

我使用javascript设置css，我可以将样式设置为

.one.two.three{color:red;}
.one.two.four{color:blue;}

但任何人都可以告诉我如何将$(.class).css({"color":"blue"});用于组合

Answer 1

1. 确保您已加载jQuery ，因为您说要使用的$(selector).css(...)函数是特定于jQuery的。

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   

2. 设置样式 - 确保在尝试操作样式之前等待 DOM准备好：

   <script type="text/javascript">
       $(document).ready(function() {
           $(".one.two.four").css({"color":"blue"});
       });
   </script>
   

您可以阅读我在the jQuery Getting Started guide中描述的所有内容。

工作演示：http://jsfiddle.net/4b2n97hq/

如果某些内容无效，请open your browser's console查找有助于解决问题的错误消息。

Answer 2

与css选择器相同：

$('.one.two.three').css({"color":"blue"});

将选择包含所有3个类的所有元素。

您也可以选择他们共同的类：

$('.one.two').css({"color":"blue"});

检查此fiddle.