                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /初識(shí)HTML(5)+CSS(3)-升級(jí)版

關(guān)于float設(shè)置后的塊狀元素

div{border:2px red solid;

? ? width:100px;

? ? height:400px;

? ? float:left;}

在這個(gè)div進(jìn)行了設(shè)置后，是不是不需要再設(shè)定（或者說(shuō)寫出會(huì)用到的divN，N代表數(shù)字）#div1/#div2/#div3……，就可以直接調(diào)用？

如下：

求大神指教。

慕粉4297986

2016-11-27

源自：初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-4

關(guān)注問(wèn)題我要回答

1507

操作

收起

2 回答

慕粉4018490 回答被采納 +3 積分
2016-11-27

#divN跟div是不一樣的選擇器

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕粉4297986 提問(wèn)者

從理解上來(lái)說(shuō)，#divN與div是不一樣的選擇器，但是在慕課的模擬器中就出現(xiàn)了我提問(wèn)中出現(xiàn)的情況：未定義#div1（甚至之前都沒(méi)有寫），但#div1直接引用了div的CSS樣式。

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕粉4018490 回復(fù) 慕粉4297986 提問(wèn)者

這樣子說(shuō)吧，div{border:2px red solid;width:100px;height:400px;float:left;}跟#div1{border:2px red solid;width:100px;height:400px;float:left;}#div2{border:2px red solid;width:100px;height:400px;float:left;}出來(lái)的效果是一樣的，課程中沒(méi)有使用#div1、#div2聲明樣式，而是直接使用div聲明樣式的，不能說(shuō)#div1引用了div的樣式。

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

#3

慕粉4297986 提問(wèn)者回復(fù) 慕粉4018490

哦，明白了，其實(shí)這里的#div1和#div2根本沒(méi)有意義，因?yàn)樗麄儧](méi)有樣式，所以對(duì)div的樣式不做任何影響，就造成了我的誤解，認(rèn)為是#div1和#div2引用了div的樣式。

2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~