How to set css rules for combination of class?

Question

I have a div tag as

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

i am setting the css by using javascript,I can set styles as

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

But can any one tell me how can i use $(.class).css({"color":"blue"}); for combination of class

$(".one.two.four").css({"color":"blue"}); – what's the problem? — Shai
– Shai, Commented Sep 15, 2014 at 13:02
@user3567511 show it in a jsfiddle.net, Shai's solution in comment should work — Huangism
– Huangism, Commented Sep 15, 2014 at 13:04
Sorry Guys Shai's solution is correct. I was going wrong with case sensitivity. — kaustubh badamikar
– kaustubh badamikar, Commented Sep 15, 2014 at 13:12

Community · Accepted Answer · 2017-04-13 12:33:14Z

2

Make sure you have loaded jQuery, as the $(selector).css(...) function you say you'd like to use is jQuery-specific.
```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
```

Set the style – making sure to wait until the DOM is ready before you try manipulating the styles:

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

You can read all about everything I've described in the jQuery Getting Started guide.

If something isn't working, open your browser's console and look for error messages that will help work out the problem.

CommunityBot

11 silver badge

answered Sep 15, 2014 at 13:09

Shai

7,3573 gold badges21 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

avidenic · Accepted Answer · 2014-09-15 13:10:27Z

1

same as with css selector:

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

will select all elements that have all 3 classes.

You can also select just by the classes they have in common:

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

check this fiddle.

answered Sep 15, 2014 at 13:03

avidenic

6437 silver badges17 bronze badges