【问题标题】：What is the purpose of command has-sub and align-center命令 has-sub 和 align-center 的目的是什么
【发布时间】：2018-08-08 21:50:44
【问题描述】：

我在 CSS3 中遇到了以下标签。作为'CSSmenu' div 类名。我在理解其余语法时遇到问题，例如：

为什么用 dot(.) 引用

cssmenu.align-center

cssmenu .has-sub

【问题讨论】：

在 css 中，点指的是类名。所以它选择属性类包含align-center 或has-sub 的cssmenu。之间的空间无关紧要。
What does the dot mean in CSS? 的可能重复项

标签： css alignment symbols

【解决方案1】：

.a 指的是所有具有a类的元素

div.a 指的是所有具有a类的div

div .a 指具有a 类的div 的所有子级

你的例子也是这样：

.cssmenu.align-center 指所有具有cssmenu AND align-center 类的元素

.cssmenu .has-sub 指所有具有has-sub 类的元素并且是具有.cssmenu 类的元素的子元素

【讨论】：

【解决方案2】：

.cssmenu.aligncenter 用于选择具有多个类的 div。也就是说，我想选择有另一个类align-center的cssmenu。

.cssmenu .has-sub 用于选择嵌套有.has-sub 的div。也称为后代选择器。

.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>

【讨论】：