偽元素與偽類選擇器沒有關係
偽元素區別於普通的html元素, 其是沒有對應的標籤的
適用場景：
a. 如果僅僅是裝飾效果, 並且沒有乙個比較好的語義化標籤來實現這個效果
, 可以考慮偽元素實現
b. 如果我們書寫標籤的原因不是為了展示該標籤, 而僅僅是為了解決其他元
素造成的問題. 可以考慮使用偽元素實現（例如清除浮動流）
偽元素沒有標籤名, 那麼我們就沒辦法直接找到它, 我們是通過其父級, 找到並設定偽元素的. 偽元素 ::after和::before (:after和:before), 這兩個偽元素只能存在於其父級的最後面和最前面
/*通過父級找到內部的偽元素, 並對其做設定*/
.box::before
only screen 手機, 電腦, 平板的瀏覽器或者螢幕
媒介查詢是css**, 而且要注意and 兩邊一定要有空格
媒介查詢的**放在所有樣式的最後, 選擇器保持一致
"stylesheet" type="text/css" media="screen and (
min-width
: 1000px)
" href="css/layoutli.css"/>
css 響應式（媒介查詢）
我們只需用到width衍生出的max width這個屬性，定義輸出裝置中的頁面可見區域寬度來控制該改變的樣式即可。html 如下 頭部 左部中部 右部 底部 demo01.css樣式如下 body header container clearfix after footer left center ...
css偽類，偽元素
偽類作用於整個元素，比如 a link a hover div first child 儘管這些條件都不是基於dom的，但結果沒乙個都是作用於乙個完整的元素，比如整個鏈結，段落，div等等 偽元素作用於元素一部分，比如 p first line p first letter 偽元素作用於元素的一部分...
CSS偽類 偽元素
css偽類用於向某些選擇器新增特殊的效果。錨偽類a link 未訪問的鏈結 a visited 已訪問的鏈結 a hover 滑鼠移動到鏈結上 a active 選定的鏈結 注意 1 在 css 定義中，a hover 必須被置於 a link 和 a visited 之後，才是有效的。2 在 cs...