css最后一个子集,css中使用:not()选择器为最后一个元素去除边框

CSS 否定伪类,:not(X),是以一个简单的以选择器X为参数的功能性标记函数。它匹配不符合参数选择器X描述的元素。X不能包含另外一个否定选择器。

:not伪类的优先级即为它参数选择器的优先级。:not伪类不像其它伪类,它不会增加选择器的优先级。

:not() 伪类可以将一个或多个以逗号分隔的选择器作为其参数(实验性的,尚未广泛支持,目前Safari、IOS Safari支持)。选择器中不得包含另一个否定选择符或伪元素。

浏览器兼容:IE9+、移动端全兼容。

:not()选择器为最后一个元素去除边框

平时我们先为元素添加边框/* 添加边框 */

.nav li {

border-right: 1px solid #666;

}

为最后一个元素去除边框/* 去掉边框 */

.nav li:last-child {

border-right: none;

}

不过不要这么做,使用 :not() 伪类来达到同样的效果:.nav li:not(:last-child) {

border-right: 1px solid #666;

}

CSS选择器以人类描述它的方式定义边界。

:not()选择器使列表的每项都由逗号分隔ul > li:not(:last-child)::after {

content: ",";

}

:not()选择器结合nth-child可以选择1至n个元素/* 选择除前3个之外的所有项目,并显示它们 */

li:not(:nth-child(-n+3)) {

display: none;

}

:not()选择器隐藏没有静音、自动播放的影片

这是一个自定义用户样式表的不错的技巧。避免在加载页面时自动播放。如果没有静音,则不显示视频:video[autoplay]:not([muted]) {

display: none;

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用提到了两种常见的CSS选择器,分别是类名选择器和ID选择器。类名选择器使用`.`加上类名来选择元素,而ID选择器使用`#`加上ID名来选择元素。例如,`.box`选择器会选择具有`box`类名的元素,而`#id`选择器则会选择具有`id`值为`id`的元素。 引用提到了通用兄弟选择器,它用来选指定选择器后面某个选择器的所有标签。无论这些标签有没有被隔开,通用兄弟选择器都能选它们。例如,`.p1~p`选择器会选`.p1`元素后面的所有`p`标签。 引用提到了通过标签类型选择元素。这种选择器使用标签名来选择元素。例如,`span`选择器会选所有`span`标签。 至于问题提到的CSS子集选择器,第一个部分没有给出具体引用内容,无法回答。请提供更多详细信息,以便我能够回答你的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [常用的css选择器](https://blog.csdn.net/qq_69444691/article/details/129873058)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [CSS选择器(包含所有)](https://blog.csdn.net/qq_20006765/article/details/125872582)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值