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