首先你要知道css中有偽類和偽元素, 偽類: 比如說 a標(biāo)簽 :hover
給你顯示下劃線, 提醒你這是個鏈接; 偽元素: 比如input的::placeholder
這樣的,修改樣式
我們可以通過偽類和偽元素去簡化我們的頁面編寫難度
區(qū)別
為什么要分成偽類和偽元素呢?
偽類: 就是這個元素的一個狀態(tài) 比如 :active :checked :empty
, 都是當(dāng)這個元素的一個狀態(tài).
那偽元素又是什么呢?
你需要創(chuàng)建一個新的元素才能完成的樣式,也就是說,如果你不用偽元素,你需要信創(chuàng)建一個元素才能完成這樣的效果;
比如::after 和::before
作用是在元素前后添加內(nèi)容和樣式, 對于偽元素 css提供了一個content
屬性 可以在css中對偽元素添加內(nèi)容, 可以看這里我寫的一個小例子:http://codepen.io/broven/pen/mWmVGV?editors=1100 (還沒有搞清楚簡書如何嵌入)