2

だから、基本的な CSS を知っているつもりだったのですが、今、頭がねじれています。Web サイトに 960 グリッド システムを実装したいのですが、その前にコードの原理を完全に理解したいと考えています。

2 つの質問があります。まず、列の幅を調整する css です。左側に親クラス「.container」、右側に 2 つのクラスがあり、「列」クラスは「1」または「2」クラスの子孫セレクターです。これは、クラス「列」が「1」および「コンテナ」内に含まれている場合、幅が 40px であると言っていますか? 簡単に言えば、これら 3 つの要素の関係がよくわかりません。

.container .one.column          { width: 40px;  }
.container .two.columns         { width: 100px; }

2 番目の質問: HTML コードでクラスを呼び出す場合、コードで完了しているようです。

<div class=one column>Content</div>

右？ただし、「1 列」というラベルの付いたクラスはなく、「列」から「1」への子孫セレクターのみです。私がここに来ていないのは何ですか？よろしくお願いします。

4

2 に答える 2

1

HTML では、1 つの要素に複数のクラスを適用できます。ただし、上記の構文は正しくありません。値は引用符で囲む必要があります:

<div class="one column">Content</div>

引用符がないと、 と の 2 つの属性にclass=oneなりcolumnますが、これは異なります (そして無効な HTML)。

HTML にはセレクターの概念がないため、それらの間のスペースは子孫セレクターではなく、属性値自体もセレクターではありません。代わりに、スペースは、それらを 2 つの別個のクラスとして区別するために使用されるセパレーターにすぎません。

したがって、両方の質問に答えるために、セレクター.one.columnはこれらのクラスの両方を持つ要素に適用されます。

于 2012-10-28T18:12:29.170 に答える
0

class属性には、子孫セレクターのような CSS 処理はありません。属性の値はclass、要素に適用されるクラスのスペース区切りのリストです。だからこれdiv：

<div class="one column"></div>

には と の両方のクラスがoneありcolumnます。

次に、CSS セレクターは、クラスと.one.columnの両方を持つ要素に適用されます。onecolumn

于 2012-10-28T18:12:46.127 に答える