CSSの一部のセクションを認識できません。

Question

CSSの一部のセクションが認識されない場合があります。次のように私のコードは次のとおりです。

<section class="generalContainer"><time>8 September 2016</time></section> 
<section class="oath-takingContainer"><time>12 October 2016</time></section> 

section.generalContainer { 
    position: absolute; 
    width: 100%; 
    text-align: center; 
    margin: -15px 0 10px -15px; 
    padding: 5px 0 5px 0; 
    background: #868A08; 
    } 

section.oath-takingContainer { 
position: absolute; 
width: 100%; 
text-align: center; 
margin: -15px 0 10px -15px; 
padding: 5px 0 5px 0; 
background: #08088A; 
} 

ウェブサイトだけで宣誓-takingContainer section.generalContainerを認識するだけではありません。 Chrome Inspect機能を使用し、CSSの右側のボックスを参照してください。 generalContainerとoath-takingContainerの違い。前者は認識されるが後者は認識されない。それはCSSによって直接他のdivの下に置かれてあなたはsection.oath-takingContainerを検査することはできませんので

Answer 1

...あなたは文字通り右することはできませんそれをクリックして "調べる"。

ここでは、明瞭にするために明るい色を適用し、下のdivを上の部分の下から下に移動したところ、細かく検査しています。

section.generalContainer { 
 
    position: absolute; 
 
    width: 100%; 
 
    text-align: center; 
 
    margin: -15px 0 10px -15px; 
 
    padding: 5px 0 5px 0; 
 
    background: red; 
 
} 
 

 
section.oath-takingContainer { 
 
    position: absolute; 
 
    width: 100%; 
 
    text-align: center; 
 
    margin: -15px 0 10px -15px; 
 
    padding: 5px 0 5px 0; 
 
    background: pink; 
 
    top: 50px; 
 
}

<section class="generalContainer"><time>8 September 2016</time></section> 
 
<section class="oath-takingContainer"><time>12 October 2016</time></section>