8-7包含(后代)選擇器
兩圖片中標(biāo)紅線位置,一樣。不過(guò)第一張.first確定<h6>標(biāo)簽,第二張.first確定<p>標(biāo)
簽,那么請(qǐng)問(wèn)第二張表紅線部分為什么出不來(lái)效果
兩圖片中標(biāo)紅線位置,一樣。不過(guò)第一張.first確定<h6>標(biāo)簽,第二張.first確定<p>標(biāo)
簽,那么請(qǐng)問(wèn)第二張表紅線部分為什么出不來(lái)效果
2016-07-28
舉報(bào)
2016-07-28
塊級(jí)元素不允許包含塊級(jí)元素,因此<p></p>中包含<p></p>會(huì)報(bào)錯(cuò),去掉內(nèi)部的<p></p>即可。下面是修改后的結(jié)果:
<p class="first">三年級(jí)時(shí),我還是一個(gè)膽小如鼠的小女孩,上課從來(lái)不敢回<span>答老</span>師提出的問(wèn)題。</p>
2016-07-28
塊元素可以包含內(nèi)聯(lián)元素或某些塊元素,但內(nèi)聯(lián)元素卻不能包含塊元素,它只能包含其它的內(nèi)聯(lián)元素:
[div][h1][/h1][p][/p][/div] —— 對(duì)
[a href=”#”][span][/span][/a] —— 對(duì)
[span][div][/div][/span] —— 錯(cuò)
2. 塊級(jí)元素不能放在[p]里面:
[p][ol][li][/li][/ol][/p] —— 錯(cuò)
[p][div][/div][/p] —— 錯(cuò)
3. 有幾個(gè)特殊的塊級(jí)元素只能包含內(nèi)嵌元素,不能再包含塊級(jí)元素,這幾個(gè)特殊的標(biāo)簽是:
h1、h2、h3、h4、h5、h6、p、dt。
4. li 內(nèi)可以包含 div 標(biāo)簽 —— 這一條其實(shí)不必單獨(dú)列出來(lái)的,但是網(wǎng)上許多人對(duì)此有些疑惑,就在這里略加說(shuō)明:
li 和 div 標(biāo)簽都是裝載內(nèi)容的容器,地位平等,沒(méi)有級(jí)別之分(例如:h1、h2 這樣森嚴(yán)的等級(jí)制度^_^),要知道,li 標(biāo)簽連它的父級(jí) ul 或者是 ol 都可以容納的,為什么有人會(huì)覺(jué)得 li 偏偏容納不下一個(gè) div 呢?別把 li 看得那么小氣嘛,別看 li 長(zhǎng)得挺瘦小,其實(shí) li 的胸襟很大滴……
5. 塊級(jí)元素與塊級(jí)元素并列、內(nèi)嵌元素與內(nèi)嵌元素并列:
[div][h2][/h2][p][/p][/div] —— 對(duì)
[div][a href=”#”][/a][span][/span][/div] —— 對(duì)
[div][h2][/h2][span][/span][/div] —— 錯(cuò)
?
?
[a]標(biāo)簽不能包含其他[a]標(biāo)簽
[pre]標(biāo)簽不能包含[img],[object],[big],[samll],[sub]和[sup]標(biāo)簽
[button]標(biāo)簽不能包 含[input],[select],[textarea],[label],[button],[form],[fieldset],[iframe] 和[isindex]標(biāo)簽
[label]標(biāo)簽不能包含其他[label]標(biāo)簽
[form]標(biāo)簽不能包含其他[form]標(biāo)簽
這個(gè)網(wǎng)站介紹的很具體大家可以看看:html塊級(jí)元素和內(nèi)嵌元素-嵌套規(guī)則html/js/css ?http://txjia.com/tip/?2014-7W-EEG0
2016-07-28
像 form,div就是常見(jiàn)的塊級(jí)元素,塊級(jí)元素會(huì)另起一行,不會(huì)接著上面的元素呈現(xiàn)在一行里,你可以用div和span來(lái)試試看就知道了。
2016-07-28
<p>.......</p>就是塊級(jí)元素
2016-07-28
因?yàn)閜里面不能包p啊。p是塊級(jí)元素。
2016-07-28
優(yōu)先級(jí)的問(wèn)題