CSS subclass with and without space

Question

Sorry for this noob question. What is the difference between

.nav.left

and

.nav .left

in CSS

Have a read of the [Selectors Level 3 spec](http://www.w3.org/TR/css3-selectors/); I think it'll answer this, and many other, questions. As well as, quite possibly, raising several others. — David Thomas, Feb 09 '15 at 12:18

Dominic Green · Accepted Answer · 2015-02-09T12:35:31.923

2

.nav .left means your are targeting .left within the .nav element like

<div class="nav><div class="left"></div></div>

Where as .nav.left means both classes are on the same element like

<div class="nav left"><div></div></div>

A quick google would have probably found you and answer to this, try taking a read of w3c schools its a good place to start http://www.w3schools.com/cssref/css_selectors.asp

edited Feb 09 '15 at 12:35

answered Feb 09 '15 at 12:18

Dominic Green

Just to be pedantic, w3schools is not affiliated with the W3C. – misterManSam Feb 09 '15 at 12:20
Very true updated ;) – Dominic Green Feb 09 '15 at 12:35

score 0 · Answer 2 · edited Feb 09 '15 at 14:04

0

Different between

.nav.left ---> e.g. <div class="nav left"></div> two class in same div.

and

.nav .left ----> e.g. <div class="nav"><div class="left"></div></div> one .nav div is parent div and .left div is child

edited Feb 09 '15 at 14:04

Ashley Medway

answered Feb 09 '15 at 12:18

Jenti Dabhi

2 Answers2