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,裡包裹了兩部...