CSS中的not()函數(shù)是一種非常有用的選擇器,它允許我們選擇所有不匹配指定選擇器的元素。not()選擇器接受一個(gè)參數(shù)x,x可以是任何css選擇器(例如類(lèi),id或元素選擇器)。not(x)將選擇除x以外的所有元素。這使得not()成為一種非常強(qiáng)大的工具,可以讓我們輕松地指定復(fù)雜的選擇器結(jié)構(gòu)。
//選擇除類(lèi)為"hide"的元素 :not(.hide){ display: block; } //選擇所有不在容器內(nèi)的段落元素 .container >p:not(:first-child){ padding-top: 10px; }
在上面的示例中,我們首先選擇所有不具有類(lèi)名'hide'的元素,并將其display屬性設(shè)置為'block'。然后,我們選擇所有在容器內(nèi)但不是第一個(gè)子元素的p標(biāo)記,并將其上部填充設(shè)置為10像素。
not()選擇器也可以結(jié)合其他選擇器使用,以構(gòu)建更復(fù)雜的選擇器結(jié)構(gòu)。例如:
//選擇類(lèi)名為"user",但不在列表中的所有元素 .user:not(li){ font-weight: bold; } //選擇所有不是前綴為"data-"的屬性的元素 :not([data-]){ color: red; }
在第一個(gè)示例中,我們選擇類(lèi)名為'user'的所有元素,并將其中不是列表項(xiàng)的元素的字體加粗。在第二個(gè)示例中,我們選擇所有不具有前綴為'data-'的屬性的元素并將其字體顏色設(shè)置為紅色。
總之,not()函數(shù)是一種非常有用和強(qiáng)大的選擇器,可用于創(chuàng)建復(fù)雜的選擇器結(jié)構(gòu)。
上一篇css yellow
下一篇css tr