Разница между этими селекторами

Question

Есть ли разница между этими селекторами?

div.demo и div .demo

div#demo и div #demo

ли это выбрать один и тот же элемент?

div.demo{some code} 
div .demo{some code} 

Answer 1

Да, есть.

div.demo будет соответствовать div с классом demo

<div class="demo"> 

div .demo будет что-нибудь с классом demo внутри любого div:

<div> 
    <span class="demo"> 
</div> 

То же самое с селектором #.

Answer 2

div.demo 

будет выбирать div с классом demo, тогда как

div .demo 

будет выбрать любой потомок из div в классе с demo. Такая же концепция для второго случая.