css的選擇符有哪些

css選擇符有：1、通配選擇符「*」；2、id選擇符；3、類別選擇符；4、標籤選擇符；5、相鄰選擇符「E F」；6 、子選擇器「E>F」；7、後代選擇符「E F」；8、偽類和偽元素選擇符，例如「:first」；9、屬性選擇符。

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

css選擇符（選擇器）是用來規定css樣式用於哪一個或哪一些dom元素的一種規範。

每一條css樣式定義由兩個部分組成，形式如下：選擇器{樣式} 在{}之前的部分就是「選擇器」。

「選擇器」指明了{}中的「樣式」的作用物件（dom物件），也就是「樣式」作用於網頁中的哪些元素。

css選擇符（選擇器）有哪些？

1、通配選擇符（ * ）：符合任意元素。

2、id選擇符（ # myid）：符合 ID 等於「myid」的任意元素 。

3、類別選擇符（.myclassname）：符合class 等於「myclassname」的任意元素.

4、標籤選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E F）：用於選擇（不是內部）指定的第一個元素之後緊接的元素。

6、子選擇子（E > F）：用來選取具有特定父元素的元素，例ul > li，選取所有父級是

元素的每個< li> 元素。 （學習影片分享：css影片教學）

7、後位選擇符（E F）：用於選取元素內部的元素。

8、偽類和偽元素選擇符：用於為某些選擇器添加特殊的效果。

##：焦點內:has():主機:主機():主機上下文() ：懸停：不確定：範圍內：無效：is（）：lang（）：最後- child：最後一個型別：左#：連結：本機連結:not ():nth-child():nth-col():nth-last-child() :nth-last-col():nth-last-of-type():nth-of-type() ：唯一的孩子＃＃＃＃＃＃##:valid :visited:where()

：活動	：任何連結	：空白	：選取	：目前	：預設
：定義	：dir（）	：停用	：drop	:空	:啟用
:第一個	#:第一個子	:第一個型別	：全螢幕	：未來	：焦點
#：焦點可見
:only-of-type	:optional	:out-of-range	#:past	:placeholder-shown	:read-only
:read-write	#:required	:right	:root	:scope	:target
:target-within	:user-invalid

#9、屬性選擇符：選擇帶有特定屬性的元素。




• [attribute]：用來選取具有指定屬性的元素。

• [attribute=value]：用來選取具有指定屬性和值的元素。

• [attribute~=value]：用於選取屬性值中包含指定詞彙的元素。

• [attribute|=value]：用於選取具有以指定值開頭的屬性值的元素，該值必須是整個單字。

• [attribute^=value]：符合屬性值以指定值開頭的每個元素。

• [attribute$=value]：符合屬性值以指定值結尾的每個元素。

• [attribute*=value]：符合屬性值中包含指定值的每個元素。

更多程式相關知識，請造訪：

程式設計入門！ ！


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