2017-04-11 52 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

身份证号码不能以数字开头。 –

回答

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>