使用 empty 偽類優化 Render 結構

在我們的**中，經常有這樣的**

const  = this.props

const listitmes = list.map(() =>
)return (
ul> )
複製**

複製**

empty偽類和 only child偽類

emptymdn 介紹 empty css 偽類 代表沒有子元素的元素。子元素只可以是元素節點或文字 包括空格 注釋或處理指令都不會產生影響。html empty content div empty content 愛江山更愛美人 p div css empty content empty empt...

偽類的使用

優點 1.不會增加js的dom負擔 2.不會增加瀏覽器對html的解析,加快瀏覽器載入html 3.對seo很有幫助 注意 img input 不能有偽類 表單 focus 事件的使用 input focus div invalid 配合h5正則表單驗證 input type email inval...

clear偽類使用

都知道float會脫離文件流 用什麼辦法撐開父元素呢？手動在本區塊的所有float元素之後加上乙個塊元素並對其新增clear both 可以 但是這樣還要再去修改html頁面 而且多了乙個僅僅是為了控制布局卻沒有實際表現意義的元素 不好.將float的父元素也設定為float 這樣會導致更深的問題 ...