css :not的多個條件的寫法詳解
發(fā)布時間：2019-11-06 16:15:59 作者：JacksionGT 
我要評論
我要評論這篇文章主要介紹了css :not的多個條件的寫法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
:not 偽類選擇器可以篩選不符合表達式的元素
例子
table tbody tr:not(:first-child):not(:last-child) td
{
text-align: right;
}
以上代碼可以選擇table表格中tbody部分非首個、非最后一個的tr，并設(shè)置其子元素td文本樣式居右
這里面需要注意not的語法格式：
單個的not寫法：
/*選中非段落元素*/
:not(p)
{
}
多個not的寫法
/*選中div里面非首個、非最后一個的中間p元素*/
div p:not(:first-child):not(:last-child){
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
CSS3 :not()選擇器實現(xiàn)最后一行l(wèi)i去除某種css樣式
在日常開發(fā)中經(jīng)常會遇到在循環(huán)中的最后一個li不同于其他的li，要去除某種css樣式，本文介紹的是利用CSS3新增的:not()偽類選擇符，實現(xiàn)起來非常的方便，感興趣的朋友們下面2016-10-19