广告位联系
返回顶部
分享到

css :not的多个条件的写法

css 来源:互联网搜集 作者:秩名 发布时间:2019-11-07 10:55:50 人浏览
摘要

:not 伪类选择器可以筛选不符合表达式的元素 例子 table tbody tr:not(:first-child):not(:last-child) td{ text-align: right;} 以上代码可以选择table表格中tbody部分非首个、非最后一个的tr,并设置其子元素td文本样式居右 这里面需要注意not的语法格式:

:not 伪类选择器可以筛选不符合表达式的元素

例子
 

 
table tbody tr:not(:first-child):not(:last-child) td
{
     text-align: right;
}
 

以上代码可以选择table表格中tbody部分非首个、非最后一个的tr,并设置其子元素td文本样式居右

这里面需要注意not的语法格式:

单个的not写法:
 
 
/*选中非段落元素*/
:not(p)
{
 
}
 

多个not的写法
 
 
/*选中div里面非首个、非最后一个的中间p元素*/
div p:not(:first-child):not(:last-child){
}
 


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 : https://www.jb51.net/css/700735.html
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计