Какова цель команды has-sub и align-center

Question

Я столкнулся с следующим тегом в CSS3. Быть именем класса «CSSmenu». У меня есть проблемы в понимании остающийся синтаксис как:

почему упоминается с точки

cssmenu.align-центра

cssmenu .has-суб

Answer 1

.a относится к всех элементов(). который имеет класс a

div.a относится к все DIV, который имеет класс a

div .a относится к все детям в DIV, который имеет класс a

Это же для примера:

.cssmenu.align-center относится к все элементам, имеют классы cssmenu И align-center

.cssmenu .has-sub относится к все элементы, которые имеют класс has-sub и дети элемента, который имеет класс .cssmenu

Answer 2

.cssmenu.aligncenter используется для выбора DIV с несколькими классами. То есть, я хочу выбрать cssmenu, который имеет другой класс align-center.

.cssmenu .has-sub Используется для выбора div, в котором есть .has-sub. Также известен как селектор Descendent.

.cssmenu.aligncenter { 
 
    text-align: center; 
 
} 
 
.cssmenu .hassub { 
 
    font-style: italic; 
 
    font-size: 2em; 
 
}

<div class="cssmenu">Not centered and not bold</div> 
 
<div class="cssmenu aligncenter">Text centered</div> 
 
<div class="cssmenu"> 
 
    <div class="hassub">It contains subsections, so I am Italic</div> 
 
</div>