CSS有一個非常實用的選擇器叫做:first-child,可以選擇第一個子元素。有時候我們需要去掉第一個子元素的樣式,這時候可以使用:not(:first-child)選擇器。
&:not(:first-child) { /* 去掉第一個子元素的樣式 */ }
這里的&代表當前元素,可以是class或者id。
比如,我們要去掉一個ul列表的第一個li元素的樣式,可以這樣寫:
ul li:not(:first-child) { /* 去掉除了第一個li元素以外的所有li元素的樣式 */ }
這樣寫的好處是,當你向列表中添加新元素時,這個選擇器仍然有效,不需要修改代碼。因為它選擇的是除了第一個子元素以外的所有子元素,無論你在列表中添加多少元素,它都會生效。
下一篇css中制表符