已解決430363個問題，去搜搜看，總會有你想問的

當遇上:first-child出現的問題

首頁猿問當遇上:firs...

當遇上:first-child出現的問題

守著一只汪 2018-07-08 10:36:58

多層相互嵌套，然后用p:first-child選擇器，無法正確選擇，代碼：<body> 111 222 333 </body>此時用 p:first-child{color:red;} ，只有111變為紅色，為什么不是所有數字變紅？我嘗試把所有換為或者<div>或者<code>,再換用相應的選擇器，均能實現全部數字變紅。我所理解的p:first-child，可以選擇到的標簽必須滿足2個條件：元素名為p（廢話）該p是作為第一個子元素（無關乎父元素是哪個）是我對：first-child 這個偽類理解錯了，還是特有的原因，導致全部數字不能變紅？

查看完整描述

2 回答

互換的青春

TA貢獻1797條經驗獲得超6個贊

p 標簽是不允許嵌入 p 標簽內.

所以你的嵌入層級的 p 在瀏覽器看來是這樣的.

// 第一個 p

// 自動為第一個 p 補全關閉標簽, 開始第二個 p

// 自動為第二個 p 補全關閉標簽, 開始第三個 p

// 第三個 p 結束

// 第四個 p 開始, 為其補充開始標簽

// 第五個 p 開始, 為其補充開始標簽

結果就是:

// 只有這個滿足 p:first-child

反對回復 2018-07-12

HUH函數

TA貢獻1836條經驗獲得超4個贊

題主問了一個有意思的問題。

稍微試驗了一下，很容易從DOM結構得到:

這樣的結構會被瀏覽器解析為：

<!--生成了5個p-->
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>

證明p中遇到p標簽會自動閉合。

在p中不能包含塊級元素，比如<div></div>

同樣會被解析成：

<p></p>
<div></div>
<p></p>

按新的 HTML 規范，已經不按 inline 和 block 來區分元素類型了。在規范中每個元素會規定如下兩項：Categories、 Content Model?
Categories 是改元素本身的分類，content model 規定了合法的元素的內容（子元素、文本等）類型。

反對回復 2018-07-12

2 回答
0 關注
715 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

當<p>遇上:first-child出現的問題

當<p>遇上:first-child出現的問題

2 回答

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

當<p>遇上:first-child出現的問題

當<p>遇上:first-child出現的問題

2 回答

添加回答