Html CSS语法："；。一、一栏&引用；。二、列“中”；，我读对了吗？

我刚刚发现了骨架样板，它使用网格。这是github上的css：

不同的列类被布置成

.one.columns

，

.two.columns

，等等

我以前在CSS中没有见过这种语法

我假设

.one.columns{}

与

.one.columns{}

不同，前者只影响

class=“one columns”

的元素，而后者影响

class=“one”

和

class=“columns”

的两个元素，对吗

即:

.one.columns = .one AND .columns
.one, .columns =  .one OR .columns

你说得对

将它们链接在一起而不使用空格与所有存在的类匹配

---

它们之间的逗号意味着选择与逗号分隔选择器匹配的任何元素。

.class1.class2{}

指的是同时具有类

class1

和

class2

的所有元素

.class1.class2{}

指的是类为

class2

的所有元素，它们是类为

class1

的元素的后代

---

.class1、.class2{}

指同时具有class

class1

和/或class

class2

的所有元素

连接CSS选择器时，它们都必须应用于要选择的元素。正如

div.foo

意味着元素是div并且也有class

foo

，

one.columns

意味着元素有class

one

并且也有class

columns

当CSS选择器用逗号分隔时，表示样式应用于与第一个选择器匹配的任何元素，以及与第二个选择器匹配的任何元素。正如

h1、h2

的意思一样，这些样式适用于

h1

元素，也适用于

h2

元素，

.one、.columns

表示样式适用于类为

one

的所有元素，以及类为

列的所有元素