複数のidsとクラスを組み合わせたCSSセレクタの基本的な構文

以下の4つのスパンのいずれかをIDとクラスで選択できますが、正しい構文を見つけることができません。 #id1 .class2と#id2 .class2右手の2つの要素を選択しますが、#id1 .class1と#id2 .class1は、両方の要素を選択するように見えますが、pの最初のスパンのみを選択すると思われます。複数のidsとクラスを組み合わせたCSSセレクタの基本的な構文

<html> 
    <head> 
     <style> 
      #id1 .class1{ background: red; } 
     </style> 
    </head> 
    <body> 
     <p id="id1"> 
      <span class="class1">one<span> 
      <span class="class2">two<span> 
     </p> 
     <p id="id2"> 
      <span class="class1">three<span> 
      <span class="class2">four<span> 
     </p> 
    </body> 
</html>

出典

2012-03-28 technicalbloke

あなたのCSSは大丈夫です。あなたのスパンを閉じませんでした：

<span>...<span>

は、このための

<span>...</span>

する必要があり、class2は本当にclass1の子です。

出典

2012-03-28 19:35:19

Doh！木の木が見えないことがあります。ありがとう。 – technicalbloke

#id1 .class1 {} 
#id1 .class2 {} 
#id2 .class1 {} 
#id2 .class2 {}

出典

2012-03-28 19:34:42 samccone

複数のidsとクラスを組み合わせたCSSセレクタの基本的な構文

答えて

関連する問題