2017-04-11 15 views
-1

ここにHTMLとCSSがあります。私はどこに問題があるのか​​、なぜ効果がないのか分かりません。私のCSSは特定の部分のHTMLコードに影響しませんか?

#1st_column { 
 
    background-color: #181818; 
 
    width: 20%; 
 
    display: block; 
 
    margin-left: 15px; 
 
    height: 800px; 
 
}
<div id="1st_column"> 
 
    <h1 id="pop"> 
 
    POPULAR <br /> CLASSES 
 
    </h1> 
 
    <p> 
 
    Why not give one of <br /> these popular classes<br /> a look? 
 
    </p> 
 
</div>

+1

そして、まさに期待通りに動作しませんか? – domsson

+0

http://jsfiddle.net/kUAnx/ – mego

+1

IDの番号は数字で始めることはできません。 –

答えて

0

それは、ブラウザの完全それらをまだサポートしていないようだとIDの数字で始めるべきではありません。

#first_column { 
 
    background-color: #181818; 
 
    width: 20%; 
 
    display: block; 
 
    margin-left: 15px; 
 
    height: 800px; 
 
}
<div id="first_column"> 
 
    <h1 id="pop"> 
 
    POPULAR <br /> CLASSES 
 
    </h1> 
 
    <p> 
 
    Why not give one of <br /> these popular classes<br /> a look? 
 
    </p> 
 
</div>

編集

IDの開始番号とを使用するには、この答えに示すように、あなたはそうすることができます。

https://stackoverflow.com/a/5672936/19068

<div id="12"></div> 

#\31\32 { 
    background: #0bf; 
} 

ID内の各番号は\3を使用してエスケープする必要があります。

個人的には、私は気にしません。それは醜いです。何かをすることができるからといって、あなたがすべきことを意味するわけではありません。

+1

"IDは数字で始めることはできません" - HTML 5以降、可能です。 – Quentin

+1

* "ブラウザはまだ完全にはサポートしていません" * - 正しいCSSセレクタを使用している場合はそうです。 – JJJ

+0

フェアポイント@JJJ – Tom

0

これは動作するはずです。ここではそれについて

さらに詳しい情報:can i have a div with id as number?

#\31\st_column { 
 
    background-color: #181818; 
 
    width: 20%; 
 
    display: block; 
 
    margin-left: 15px; 
 
    height: 800px; 
 
}
<div id="1st_column"> 
 
    <h1 id="pop"> 
 
    POPULAR <br /> CLASSES 
 
    </h1> 
 
    <p> 
 
    Why not give one of <br /> these popular classes<br /> a look? 
 
    </p> 
 
</div>

関連する問題