0

クラスを変更するタグの前または後に指定する必要があるかどうかわかりません。

私のスタイルシートの次は、div を適切に変更します。

div.idea {
  margin: 0.1cm;
  }

以下はしません:

.idea div {
      margin: 0.1cm;
}

それでも、以下は私のアンカーを変更しません:

a.idea {
      color: Orange;
}

そして、次のようにします:

.idea a {
      color: Orange;
}

説明？

4

5 に答える 5

5

div.ideadivクラスを持つ a を意味しますidea

.idea divdivクラスを持つ要素内のa を意味しますidea

彼らはさまざまな要素をターゲットにしています。HTML を確認しないと、異常と解釈される動作を目にしている理由を説明することはできません。

于 2012-08-02T09:40:34.363 に答える
3

スペースはとても重要です。スペースは「の子」を意味します。スペースなしは「および」を意味します。

そう：

div.idea: クラスの dividea

<DIV class="idea"></DIV>

div .idea: div (その上の任意の場所) である親を持つクラス "idea" を持つ子

<DIV>
  <DIV class="idea"></DIV>
</DIV>
于 2012-08-02T09:39:07.030 に答える
2

CSS セレクター:

div.idea { ...  // a div that has a class="idea"
.idea div { ... // any div, that has a parent (or ancestor) that has a class="idea"
a.idea { ...    // an <a> element which has a class="idea" ( <a class="idea">text</a> )
.idea a { ..    // an <a> element which has a parent (or ancestor) of any element type (not only div) which has a class="idea"

CSS セレクター、特にクラス セレクターを参照してください

于 2012-08-02T09:38:57.110 に答える
2

クラス セレクターを使用する前に要素を指定する必要はありません。特定の層が追加されるだけです。

最初の例:

div.idea {
  margin: 0.1cm;
}

これにより、最初にすべての div 要素が選択され、次にそれらが class を持つ要素に制限されますidea。

2番目の例:

.idea div {
      margin: 0.1cm;
}

class を持つすべての要素をidea選択してから、それらの要素のすべての子を選択します。

2 つの式は異なるものに相当します。

div.ideaクラスのアイデアを持つ div を選択します div である要素
.idea divの子を選択しますidea

実際には、スペースによって子を選択できます

于 2012-08-02T09:39:12.703 に答える
1

CSS セレクターは、次のことを前提としています。

div.idea {余白: 0.1cm;}

<div class="idea" id="iGetStyled">...

.idea div {余白: 0.1cm;}

<div class="idea"><div id="iGetStyled">...

a.idea {色: オレンジ;}

<a class="idea" id="iGetStyled">...

.idea {color: Orange;}

<div class="idea"><a id="iGetStyled">...

id="iGetStyled"スタイリングされるアイテムを示します

于 2012-08-02T09:39:25.047 に答える