如何为类的组合设置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>
   

您可以阅读我在jQuery入门指南中描述的所有内容。

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

如果出现问题，请打开浏览器的控制台，查找有助于解决问题的错误消息。

Answer 2

与css选择器相同：

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

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

您也可以通过它们的共同类进行选择：

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

检查一下这把小提琴。