欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS:not() 选择器排除不想添加样式的元素(如第一个或最后一个,或特定元素)

程序员文章站 2022-05-01 14:18:24
...

css的:not()选择器可用将不想添加的个别元素分离出来,例:
为除了p元素以外的所有元素添加样式:

类名:not(p)
{ 
		width: 80%;
}

选择第一个或最后一个子元素:

类名:not(:first-child)
{ 
		width: 80%;
}

类名:not(:last-child)
{ 
		width: 80%;
}

组合使用

.类名:not(:last-child):after
{
		width:80%
}
.类名:not(:first-child):not(:last-child){
		width:80%
}