我刚刚发现了使用网格的Skeleton样板。这是github上的css：https://github.com/dhgamache/Skeleton/blob/master/stylesheets/skeleton.css
不同的列类是.one.columns，.two.columns等等。
之前我没有在CSS中看到过这种语法。
我是否正确地假设.one.columns {}与.one, .columns {}不同，前者仅影响class="one columns"的元素，而后者影响class="one"和{{{}}元素。 1}}？
那是：
class="columns"答案 0 :(得分：4)
.class1.class2 {}指的是两个类class1和class2的所有元素。
.class1 .class2 {}指的是类class2的所有元素，它们是类class1的元素的后代。
.class1, .class2 {}指的是同时包含class1和/或类class2的所有元素。
答案 1 :(得分：2)
你是对的。
在没有空格的情况下将它们链接在一起与所有类别相匹配。
它们之间的逗号表示选择与逗号分隔选择器匹配的任何元素。
答案 2 :(得分：2)
当CSS选择器连接在一起时，它们都必须应用于要选择的元素。正如div.foo表示div为元素并且还有类foo的元素一样，.one.columns表示具有类one并且还具有类columns的元素。
当CSS选择器用逗号分隔时，表示样式适用于与第一个选择器匹配的任何元素，以及与第二个选择器匹配的任何元素。正如h1, h2表示的那样，这些样式适用于h1元素以及h2元素，.one, .columns表示样式适用于类one的所有元素，以及类columns。