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

本文详细介绍了CSS的:not()选择器的用法,包括如何使用它来为除特定元素外的所有元素添加样式,以及如何结合:first-child和:last-child伪类进行更精确的选择。通过实例展示了如何设置宽度,使除了第一个和最后一个子元素之外的所有元素宽度为80%。
摘要由CSDN通过智能技术生成

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%
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

01_Carrortwhisker

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值