2012-07-26 53 views
0

我剛剛發現了使用網格的Skeleton樣板。這是在GitHub上的CSS:https://github.com/dhgamache/Skeleton/blob/master/stylesheets/skeleton.cssCSS語法:「.one.column」「.two.column」,我正在閱讀這個權利嗎?

不同的列類奠定了.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 

回答

4

.class1.class2 {}均爲類別class1class2的所有元素。

.class1 .class2 {}指類class2的所有元素,它們是類class1的元素的後代。

.class1, .class2 {}指所有具有class1和/或class2類別的元素。

2

你是正確的。

將它們鏈接在一起而沒有空白符合所有存在的類。

它們之間的逗號表示選擇任何匹配逗號分隔選擇符的元素。

2

當CSS選擇器連接在一起時,它們都必須應用於要選擇的元素。就像div.foo意味着元素是div並且也具有類foo,.one.columns意味着具有類one並且也具有類columns的元素。

當CSS選擇符之間用逗號分隔時,表示樣式適用於與第一個選擇器匹配的任何元素,以及與第二個選擇器匹配的任何元素。正如h1, h2表示這些樣式適用於h1元素,也可以是h2元素,.one, .columns表示這些樣式適用於所有具有one類別的元素,也適用於所有類型爲columns的元素。

相關問題