命令has-sub和align-center的目的是什么

Question

我在CSS3中遇到了以下标记。成为＆＃39; CSSmenu＆＃39; div类名。我在理解剩余语法时遇到问题，如：

为什么用点（。）

引用

cssmenu.align中心

cssmenu .has-sub

Answer 1

.cssmenu.aligncenter用于选择具有多个类的div。也就是说，我想选择另一个类cssmenu的{​​{1}}。

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

＆＃13;

＆＃13;

.has-sub

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

.a指的是所有具有类a

的元素

div.a指所有包含a

类的div

div .a指的是具有班级a 的div的所有孩子

你的例子也是如此：

.cssmenu.align-center是指所有包含cssmenu和align-center

类的元素

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

的元素的子元素