CSS3選擇器的總結

2021-08-21 13:53:24 字數 1002 閱讀 6507

1. *:通用選擇器

選擇頁面上全部元素,可與別的選擇器巢狀使用

2. #id:id選擇器

嚴格,沒法復用,只針對唯一

3. .class:類選擇器

針對某類,定位多個元素

4. selector1 selector2:後代選擇器

只需要定位selector1下的selector2元素

5.tagname:標籤選擇器

定義頁面上所有的某標籤

6.selector: link :連線平常狀態

selector: visited:連線被訪問之後

selector: hover:滑鼠放到連線上的時候

selector: active:連線被按下的時候

7.selector1+selector2:相鄰選擇器

只會選中指定元素的直接後繼元素

8.selector1 > selector2:子選擇器

9. selector1 ~ selector2:兄弟選擇器

10. selector[title]:屬性選擇器,屬性可賦值

11.selector:checked:偽類選擇器

定位那些被選中的單選框和多選框

selector:after/before

在選中標籤周圍生成內容

selector:hover

滑鼠懸浮

selector1:not(selector2)

反類selector::pseudoelement

使用::來選中某標籤的部分內容

selector:nth-child(n)

第二個元素那麼你傳的值就是li:nth-child(2).

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3選擇器總結

選擇器分為 共分為10種 基本選擇器 萬用字元 元素選擇器 e id選擇器 id 類選擇器 class 群組選擇器 selectori,selectorv 瀏覽器對選擇器都可使用 層次選擇器 後代選擇器 e f 子選擇器 e f 相鄰兄弟選擇器 e f 通用選擇器 e f 偽類選擇器 一般有 lin...

css3選擇器總結

繼承性 子標籤繼承父標籤樣式,預設優先順序最低。有繼承性 文字相關字型樣式 粗細 大小 顏色 型別等 無繼承性 盒子模型相關邊框 背景等 層疊性 相同標籤繼承和定義的樣式累加到一起互不衝突。優先順序 離標籤越近的選擇器優先順序越高,所以相同權重的樣式後者才生效 內聯樣式表 頭部樣式表 匯入樣式表。權...