css :not的多个条件的写法详解

时间:2021-05-08

: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:not(:first-child):not(:last-child){}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章