before和:after偽元素指定生成的內容的樣式和位置。如其名所示,:before和:after偽元素指定了
一個元素文檔樹內容之前和之后的內容。
'content'屬性,與這些偽元素聯用,指定了插入的內容。
以我的理解來看,「 一個元素文檔樹內容之前和之后的內容」就是指這個元素是要可以插入內容的,也就是說這個元素要是一個容器。
以我的理解來看,「 一個元素文檔樹內容之前和之后的內容」就是指這個元素是要可以插入內容的,也就是說這個元素要是一個容器。
作為DOM元素,偽元素都是在容器內進行渲染的。input,img,select無法容納其他元素,因此它不支持偽元素。
至於Chrome 中checkbox和radio可以插入,那應該是Bug了。
參考官方文檔:https://www.w3.org/TR/CSS21/generate.html#before-after-content