css - CSS - Div 内の Div

Question

現在、次のコードがあります。

<div id="1">
 <div id="2">
  <div id="3">
  </div>
 </div>
</div>

しかし、div 3 (??) を選択する方法がわかりません。何か案は ？

Answer 1

HTML5 以外ではid、数字で始まるものは無効な HTML です。ただし、CSS を使用すると、通常は次のようにその div を選択できます。

Guffaが投稿したように、#3 idこの回答の - ベースのセレクターは間違っています。#3エスケープする必要が#\33あります (恥知らずな盗作/繰り返しを避けるために、これ以上説明しません (彼の回答を参照してください!))。

#3 {
    /* CSS */
}

このアプローチでは、idベースのセレクター (ドキュメント内の1 つの要素のみが指定された を使用できるため、これは一意の識別子です) を使用し、記号idで始まる id-name を使用します。#

ただし、以下は引き続き有効です。

div > div > div {
    /* CSS */
}

このアプローチは直接の子>コンビネータを使用し、それ自体が別の要素divの直接の子である a の直接の子である a (2 つの間に要素が介在しない) を選択します。divdiv

参考文献:

• CSS セレクター、レベル 1。
• CSS セレクター、レベル 2。
• CSS セレクター、レベル 3。

Answer 2

数字で始まる識別子がある場合、文字エスケープを使用してそれに一致する CSS ルールを記述する必要があります。

#\33 { ... }

は33、文字の 16 進コードです3。

可能であれば、数字の ID を持つことは避けてください。CSS と Javascript の両方から使用すると複雑になります。