CSS - Style multiple ids in class

Question

I want this css code to work:

#inventoryGarbageSpot .id1,.id2,id3,id4{
padding:0px;
padding-top: 0px;
width:35px;}

If I write one id instead of multiple ids it works.

Thanks for your help,

Rotem

zessx · Accepted Answer · 2014-07-02 12:25:11Z

2

If we decompose your selector, you're targeting :

#inventoryGarbageSpot .id1
.id2
id3
id4

First, there're 2 non-existent elements : id3 and id4, which will stand for this kind of elements :

<id3></id3>
<id4></id4>

Secondly, you need to repeat your #inventoryGarbageSpot before each class.

Instead of this unefective selector, use this one :

#inventoryGarbageSpot .id1,
#inventoryGarbageSpot .id2,
#inventoryGarbageSpot .id3,
#inventoryGarbageSpot .id4 {
    padding:0px;
    padding-top: 0px;
    width:35px;
}

If you want to generalize your selector, you can use an attribute selector, as mentioned by Sudharsan.

answered Jul 2, 2014 at 12:25

zessx

68.9k29 gold badges139 silver badges166 bronze badges

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

Comments

Sudharsan S · Accepted Answer · 2014-07-02 12:33:01Z

1

Use attribute selector like this

style be

  #inventoryGarbageSpot [class^="id"]{
    padding:0px;
    padding-top: 0px;
    width:35px;
    }

that should be

[class^="id"]{

   // here style

}

edited Jul 2, 2014 at 12:33

answered Jul 2, 2014 at 12:25

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

4 Comments

רותם שמחי Over a year ago

Can you write your code with the example of "id1,id2,id3,id4" please

רותם שמחי Over a year ago

I still cant understand where to put the ".id1,.id2,.id3,.id4" :(

Sudharsan S Over a year ago

you want static ids like id1, id2 to id4 follow zessex answer. if you want dynamic means follow my answer thanks

Sudharsan S Over a year ago

please put the code in your css file it will work don't worry first try

Collectives™ on Stack Overflow

CSS - Style multiple ids in class

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related