偽元素的妙用(閒著也是閒著)

2021-08-03 11:36:47 字數 422 閱讀 8357

偽元素其實就是用css基於某個dom節點創造乙個文件中本來沒有的元素,它和其他基本元素一樣可以有內容和樣式並影響到布局,但因為並不真實存在於dom中,故加了個偽字。記得第一次接觸偽元素是學習清除浮動的時候。

清除浮動影響最基本的方式是對浮動元素之後的第乙個元素加樣式:clear:both/left/right;或者看情況在父元素設定overflow:hidden;或者粗暴地在後面加個空元素清除浮動。

後來發現原來前輩們最普遍的做法是將這句樣式放在偽元素:after中

xx:after

除此之外,偽元素可以成為某些hack的策略,比如之前在stackoverflow看到有人問可以可以單純用css來實現列表中list-style-disc等的換色。一般我們都是用小圖示的,但是有人給出的解決方案是: ul

ul li

ul li:before

css before,after偽元素妙用

我們知道,css偽元素包括after,before,first letter等,通過合理的利用偽元素,我們可以讓我們的結構更簡潔。通常寫法如p after,其中content內容可以是字元也可以是,例如p before,p after 我們最常用的可能是用來清除浮動或新增一些簡單的元素 如div首尾...

管理感悟 公司內鬥,肯定是閒著的鬥幹活的

nwt公司死於什麼?吾以前總結了多次,其實仔細想下來,內鬥才是首要的因素。只要不內鬥,一心一意想把公司搞好,這個業務不行換個業務,總會有辦法的。為此寫了 管理感情 精力有限,要麼幹活,要麼內鬥 自然的就得出乙個結論 公司內鬥,肯定是閒著的鬥幹活的。nwt是不是這樣呢?當然是的。老張 領導丙 閒著沒事...

看了一上午的部落格,閒著時這件事可以讓自己不閒著

最近幾天做了些什麼呢?星期六 上班,回家很晚了開始看 我是雞湯 超過臨界點睡去 星期天 早上起來看 雞湯 看完十一點。下午無聊,閒玩電腦 晚上買了本 我須問連嶽 沒雞湯那麼滿意了,看到臨界點 星期一 早上 點起來準備中午完成畢業設計,下午打 給老師 結果做到晚上 點才完成,基本完成,還有問題。星期二...