CSS3乾貨7 CSS中的not選擇器

2021-09-26 04:53:18 字數 1004 閱讀 7684

not 選擇器用的少。

這天寫資料的時候,看到別人寫了乙個例子有意思。

特此記錄下,表示自己每天也算進步了一點。

not,就是「非,不是」 的意思。所以,not 選擇器就是選擇 「非***」 的標籤。

一般格式如下:

.***:not( 非的條件 )

.***:not(:nth-child(3)) 不是第三個子元素.*** 。

.***:not(:first-child) 不是第乙個子元素。

css**:

.myul li:not(:nth-child(3))
.myul 下,所有的 li ,除了第三個元素都會變紅。(這其實就選中了 第3個元素的兄弟標籤。)

.mydiv :not( .x )
.mydiv 下所有非 .x 的元素都會變紅。

.mydiv>:not(div):not(.y)
.mydiv 下子標籤中,非div,且非類.y 的標籤,背景色為黃色。

注意:  not 的括號裡,不能寫組合樣式,比如 p.x  (類為x的p標籤)。

CSS3學習筆記 7 CSS盒模型 上

本節學習元素的尺寸 元素的邊距以及內容溢位等問題。元素尺寸 weight寬度。height高度。min width最小寬度。min height最小高度。max width最大寬度。max height最大高度。最大最小主要是應對可能動態產生元素尺寸變大變小的問題,從而限制它的最大和最小。元素內邊距...

CSS3總結(乾貨)

1 css3中好用的選擇器 target 突出顯示活動的html錨 after before content必須有,若無內容,用空格佔位 2 文字 a.匯入字型 font face b.文字陰影 text shadow ps 相關css a.white space nowrap 段落文字不換行 b....

CSS3乾貨5 CSS中3D運用 2

最近突然 漲了20幾個粉絲,開心。加上今天把重 gai 要 si 的工作完成了,更開心了。對,就是做乙個類似翻牌的效果。有沒有當皇帝,翻妃子牌的感覺?呃。偏題了。transform 變化,perspective 透視,transition 過渡動畫,以及 偽標籤 檢視詳細 乙個大box,裡包裹了兩部...