combining css classes in css file

Question

Suppose I have the following css rule:

.blah { Rules }

and I use it as such

<div class="blah">

Now suppose, somewhere in my doc I need to add margin-bottom: 10px to one of these divs with class name blah so I can make it as specific as possible,

Should I declare it as

.blah.mar-bot-blah { margin-bottom: 10px; }
or 
.blah .mar-bot-blah { margin-bottom: 10px; }

to use it as <div class="blah mar-bot-blah">

FYI, using a space in between classes is for descendants. So you would use second example if .mar-bot-blah is a child element of the .blah element. — zen
– zen, Commented Jul 5, 2012 at 15:04

Praveen Kumar Purushothaman · Accepted Answer · 2012-07-05 10:09:54Z

5

Declare it as:

.blah.mar-bot-blah { margin-bottom: 10px; }

It will match elements that have both the classes .mar-bot-blah and .blah.

edited Jul 5, 2012 at 10:09

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

answered Jul 5, 2012 at 10:02

sandeep

93.2k24 gold badges140 silver badges156 bronze badges

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

Comments

geratri · Accepted Answer · 2012-07-05 10:06:42Z

1

If you want to make it really specific, I would use your first solution. (Warning: IE6 Can't handle this!)

In most cases it should suffice to just use .mar-bot-blah { margin-bottom: 10px; } so you can re-use this setting in other classes as well.

answered Jul 5, 2012 at 10:06

geratri

1115 bronze badges

Collectives™ on Stack Overflow

combining css classes in css file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related