0

グリッドを使用する 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"class="columns"

あれは：

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

3 に答える 3

4

.class1.class2 {}は、クラスとの両方を持つすべての要素を参照します。class1class2

.class1 .class2 {}class2classを持つ要素の子孫であるclass を持つすべての要素を参照しますclass1。

.class1, .class2 {}class1classおよび/または class の両方またはいずれかを持つすべての要素を参照しますclass2。

于 2012-07-26T00:20:56.647 に答える
2

あなたは正しいです。

空白なしでそれらを連結すると、存在するそれらのクラスとすべて一致します。

それらの間のコンマは、コンマで区切られたセレクターに一致する任意の要素を選択することを意味します。

于 2012-07-26T00:15:41.857 に答える
2

CSS セレクターを連結する場合、選択する要素にすべて適用する必要があります。div.foodiv であり、class も持つ要素を意味するのと同様に、class を持ち、classも持つ要素fooを.one.columns意味します。onecolumns

CSS セレクターがコンマで区切られている場合、最初のセレクターに一致するすべての要素と、2 番目のセレクターに一致するすべての要素にスタイルが適用されることを意味します。同様にh1, h2、これらのスタイルはh1要素とh2要素のためのものであり、クラスが のすべての要素と.one, .columnsクラスが のすべての要素にスタイルが適用されることを意味します。onecolumns

于 2012-07-26T00:21:33.027 に答える