Когда ставить пробел между именем тега и класса или идентификатора

Question

Когда я должен использовать это:

header.classname 

и когда я должен использовать это:

header .classname 

А в чем разница между два?

Answer 1

header.classname означает, что вы нацеливаете заголовок с классом classname.

header .classname означает, что вы ориентируетесь HTML элемент, имеющий класс classname, который является дочерним/Потомок заголовка

первый случай:

header.hclassname { 
 
    background: turquoise; 
 
}

<header class="hclassname"> 
 
    Lorem Ipsum 
 
    <div class="divclassname">Dolor</div> 
 
    Sit Amet 
 
</header>

второй случай

header .divclassname { 
 
    background: skyblue; 
 
}

<header class="hclassname"> 
 
    Lorem Ipsum 
 
    <div class="divclassname">Dolor</div> 
 
    Sit Amet 
 
</header>

Answer 2

Используйте header.classname, когда вы хотите, чтобы целевой .classname что является header элемент.

Использовать header .classname, когда: вы хотите нацелить .classname Потомки элемента header.

Я надеюсь, что это решает ваш вопрос, так просто, как может быть.