li 是行內元素,原本行內元素是不可以在裡面放塊級元素的.可是,我發現學校的ppt在介紹css child selectors時,舉了一條例子: div ul&>li p

這讓我感覺特別疑惑,上網去找答案,發現有些網頁寫可以放p在li裡面,有些說不可以.還有說連div都可以放的.但是都沒有給解釋.可以問一下大家答案嗎?謝謝!


首先li默認不是行內元素

第二元素能不能嵌套現在不是看元素的顯示屬性了,而是看元素的分類,在這個模型下,每個元素有什麼情況理能否放其它元素都有明確的規定,比如li的:

可以放flow content

再看p的

可以看到p是屬於flow content的,所以可以嵌套。


li從表現來看是一個塊級標籤好吧,用法也和一個塊級元素差不多。只不過display默認不是block, 而是

display: list-item;

而已


li是塊級元素。。。即便是行內元素,也不是一定就不能放塊級元素。比如a,啥玩意都可以往裡扔。


放就完事了. p裡面不可以放p


因為規定


ul、li、ol、dl、dt、dd這些都是塊級元素,塊級元素里可以放任意塊級和行內元素 ,塊級元素是默認佔滿一行的,可以在li里隨便寫點文字,加個背景顏色看看是不是佔滿一行


li是塊元素啊!!!你是哪裡看到的,說li是行內元素!!!


li絕對不是行內,舉個簡單的例子:你寫兩個li看他們是不是在一行?


你這個題目有錯誤,li是塊標籤,有換行屬性

塊標籤和行標籤:塊標籤內可以寫行標籤,但是行標籤內不可以寫塊標籤

所以li塊標籤裡面可以加p和div標籤


推薦閱讀:
相关文章