我刚刚发现了使用网格的 Skeleton 样板。这是 github 上的 css：https ://github.com/dhgamache/Skeleton/blob/master/stylesheets/skeleton.css
布局不同的列类.one.columns，.two.columns等等。
我以前没有在 CSS 中看到过这种语法。
我是否可以正确地假设这.one.columns {}与.one, .columns {}前者仅影响元素 withclass="one columns"而后者影响两个元素 withclass="one"和不同class="columns"？
那是：
.one.columns = .one AND .columns
.one, .columns = .one OR .columns
.class1.class2 {}指所有同时具有类class1和的元素class2。
.class1 .class2 {}指所有具有 class 的元素，它们是具有 classclass2的元素的后代class1。
.class1, .class2 {}指的是具有/或 classclass1和/或 class的所有元素class2。
你是对的。
在没有空格的情况下将它们链接在一起可以匹配所有存在的类。
它们之间的逗号表示选择与逗号分隔的选择器匹配的任何元素。
当 CSS 选择器连接时，它们都必须应用于要选择的元素。就像div.foodiv 的元素也有 class一样foo，.one.columns意味着元素有 classone也有 class columns。
当 CSS 选择器用逗号分隔时，这意味着样式适用于匹配第一个选择器的任何元素，也适用于匹配第二个选择器的任何元素。就像h1, h2手段一样，这些样式适用于h1元素，也适用于h2元素，.one, .columns意味着样式适用于类为 的所有元素one，也适用于类为 的所有元素columns。