前端開發:CSS小技巧:使用:not(:last-of-type)簡化你的css代碼

CSS 文章 技術 前端那些事 2017-08-02

在前端開發過程中,使用:not(:last-of-type)簡單方便,再也不要麻煩的單獨使用:last-of-type了,非常不錯哦!

這個小小的技巧能省去很多時間和代碼。下面讓我解釋一下,比如說,我們要美化一個文章列表。

前端開發:CSS小技巧:使用:not(:last-of-type)簡化你的css代碼

以前的實現方法是這樣的,其實是很笨的方法!

前端開發:CSS小技巧:使用:not(:last-of-type)簡化你的css代碼

這css的目的是要讓列表的文章之間有間隔,但最後一個不需要。這個時候,:not(:last-of-type)就大限神威了!

前端開發:CSS小技巧:使用:not(:last-of-type)簡化你的css代碼

使用:not(:last-of-type),我們省掉了5行代碼。試想在我們編寫的其它代碼中都使用這種技巧,不知道要省掉多少工夫。大家可以嘗試下哦!

切版 qieban(.cn)

相關推薦

推薦中...