在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ div里嵌套的div為什么為什么無(wú)法在樣式表里設(shè)置background-colo

div里嵌套的div為什么為什么無(wú)法在樣式表里設(shè)置background-color?

像這樣：

<div id="container">
    <div id="1st">1</div>
    <div id="2nd">2</div>
    <div id="3rd">3</div>
</div>

通過(guò)樣式表設(shè)置背景顏色的時(shí)候，只顯示父元素的背景色

#container{
        width: 100%;
        height: 100%;
        background-color: red;
    }

而無(wú)論怎么設(shè)置子元素的背景色都不起作用：

#1st{
        display: block;
        width: 100px;
        height: 100px;
        background-color: black;
    }

結(jié)果如下：

clipboard.png

clipboard.png

只有通過(guò)顯示的在style屬性中設(shè)置backgound-color才起作用：

<div id="1st" style="background-color: black">1</div>

clipboard.png

這是為什么呢？

回答
編輯回答
苦妄

https://jsfiddle.net/zhc23bz9/5/

你的 id 取名有問(wèn)題，你可以將第一個(gè)id 改成first試試看，

#container {
  width: 100%;
  height: 100%;
  background-color: yellow;
}

#first {
  display: block;
  width: 100px;
  height: 100px;
  background-color: red;
}

#2nd {
  display: block;
  width: 100px;
  height: 100px;
  background-color: black;
}
<div id="container">
    <div id="first">1</div>
    <div id="2nd">2</div>
    <div id="3rd">3</div>
</div>
2017年11月16日 14:07
編輯回答
愛(ài)是癌

在CSS的命名規(guī)范中，名稱(chēng)不能以數(shù)字開(kāi)始，只能以字母、連字符、下劃線開(kāi)始。之后可以是字母、連字符、下劃線或數(shù)字。

2018年4月29日 02:54