How can I combine multiple CSS rules?

Question

div#id_div_allposts {   
    width: 100%;    
}

div.class_div_post {
    width: 100%;
}

div.class_div_editdelete {
    width: 100%;
}

How can i write it in one line ?

And what's the way to select a html tag with id and class ?

Please take some time to read through the CSS spec about selectors. It's not a difficult read. — zzzzBov
– zzzzBov, Commented Oct 6, 2011 at 4:44

castletheperson · Accepted Answer · 2017-01-28 06:46:41Z

7

All you have to do is separate them with a comma e.g

div#id_div_allposts,
div.class_div_post,
div.class_div_editdelete {
    width:100%;
}

edited Jan 28, 2017 at 6:46

castletheperson

33.6k11 gold badges74 silver badges111 bronze badges

answered Oct 6, 2011 at 4:38

Ryan Potter

8452 gold badges11 silver badges25 bronze badges

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

Comments

Russell Dias · Accepted Answer · 2011-10-06 04:37:17Z

0

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

You can group multiple selectors in CSS via a comma.

Note: The comma starts an entirely new selector from the very start.

answered Oct 6, 2011 at 4:37

Russell Dias

73.9k5 gold badges58 silver badges72 bronze badges

Comments

Doozer Blake · Accepted Answer · 2011-10-06 04:37:55Z

0

Use the comma to separate multiple declarations

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

Selecting an html tag with and id and class would be

div#ID.class

answered Oct 6, 2011 at 4:37

Doozer Blake

7,7984 gold badges31 silver badges41 bronze badges

Comments

Harry Joy · Accepted Answer · 2011-10-06 04:42:11Z

0

Try this:

div#id_div_allposts, div.class_div_post, div.class_div_editdelete {
    width: 100%;
}

or assuming that you want all div to have width 100% then...

div{
    width: 100%;
}

edited Oct 6, 2011 at 4:42

answered Oct 6, 2011 at 4:37

Harry Joy

59.8k30 gold badges166 silver badges211 bronze badges

Collectives™ on Stack Overflow

How can I combine multiple CSS rules?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related