首頁  >  文章  >  web前端  >  css有哪幾種選擇器

css有哪幾種選擇器

青灯夜游
青灯夜游原創
2021-05-12 16:22:1945920瀏覽

css選擇器的種類有:1、元素選擇器;2、id選擇器;3、類別選擇器;4、分組選擇器(並集選擇器);5、複合選擇器(交集選擇器);6、通配選擇器;7、後代元素選擇器;8、子元素選擇;9、偽類選擇器;10、屬性選擇器;11、兄弟元素選擇器。

css有哪幾種選擇器

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

CSS選擇器有哪幾種

1、元素選擇器 標籤名稱{ }

2、id選擇器 #id屬性值{ }

#3、類別選擇器 ·class屬性值{ }

4、分組選擇器(並集選擇器)

作用:透過它可以同時選取多個個選擇器對應的元素(通常用於集體宣告)

語法:

选择器1,选择器2,选择器n{ }

#5、複合選擇器(交集選擇器)

作用:選擇更準確更精細的目標元素並為其設定屬性

語法:

选择器1选择器2选择器n{ }

48845dafede92321488c115f74831d23

6、通配選擇器

作用:用來選取頁面中所有的元素

語法:*{ }

7、後代元素選擇器

作用:選取指定元素的指定後代元素

語法:祖先元素後代元素{ }

8、子元素選擇器

作用:選取指定父元素的子元素

語法:父元素>子元素

9、偽類別選擇器

偽類別表示元素的一種特殊狀態

  • :hover   移入時元素的狀態

  • :visited  已被存取後的元素的狀態

  • :active  被點擊時元素的狀態

10、屬性選擇器

作用:根據元素中的屬性或屬性值來選取指定元素

語法:

[属性名]选取含有指定属性的元素
[属性名=“属性值”]选取含指定属性值的元素
[属性名^="属性值"] 选取属性值以指定内容开头的元素
[属性名$="属性值"] 选取属性值以指定内容结尾的元素
[属性名*="属性值"] 选取属性值包含指定内容的元素

######11、兄弟元素選擇器############ ###選擇器######作用:選中一個元素後緊鄰的指定的兄弟元素######語法:前一個後一個(作用在後一個)########~###選擇器######作用:選取後邊所有的製定兄弟元素######語法:前一個~後邊所有############### 學習影片分享:###css影片教學### ###

以上是css有哪幾種選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn