選擇符分類介紹

2021-04-18 02:48:51 字數 2238 閱讀 1427

選擇符分類介紹

1.通配選擇符

語法:

*
說明:

通配選擇符。選定文件目錄樹(dom)中的所有型別的單一物件。

假如通配選擇符不是單一選擇符中的唯一組成,「*」可以省略。

示例:

*[lang=fr]  

*.div

2.型別選擇符

語法:

e
說明:

型別選擇符。以文件語言物件(element)型別作為選擇符。

示例:

td  

a

3.屬性選擇符

語法:

e [ attr ]  

e [ attr = value ]

e [ attr ~= value ]

e [ attr |= value ]

說明:

屬性選擇符。

選擇具有 attr 屬性的 e

選擇具有 attr 屬性且屬性值等於 value 的 e

選擇具有 attr 屬性且屬性值為一用空格分隔的字詞列表,其中乙個等於 value 的 e 。這裡的 value 不能包含空格

選擇具有 attr 屬性且屬性值為一用連字元分隔的字詞列表,由 value 開始的 e

示例:

4.包含選擇符

語法:

e1 e2

說明:包含選擇符。選擇所有被 e1 包含的 e2 。即 e1.contains(e2)==true 。

示例:

table td  

div.sub a

5.子物件選擇符

語法:

e1 > e2
說明:

子物件選擇符。選擇所有作為 e1 子物件的 e2 。

示例:

body > p  

/* 所有作為body的子物件的p物件字型尺寸為14px */

div ul>li p

6.id選擇符

語法:

#id

說明:id選擇符。以文件目錄樹(dom)中作為物件的唯一識別符號的 id 作為選擇符。

示例:

#note
7.類選擇符

語法:

e.classname
說明:

類選擇符。在html中可以使用此種選擇符。其效果等同於e [ class ~= classname ] 。請參閱屬性選擇符( attribute selectors )。

在ie5+,可以為物件的 class 屬性(特性)指定多於乙個值( classname ),其方法是指定用空格隔開的一組樣式表的類名。例如:。

示例:

div.note  

/* 所有class屬性值等於(包含)"note"的div物件字型尺寸為14px */

.dream

/* 所有class屬性值等於(包含)"note"的物件字型尺寸為14px */

8.選擇符分組

語法:

e1 , e2 , e3
說明:

選擇符分組。將同樣的定義應用於多個選擇符,可以將選擇符以逗號分隔的方式並為組。

示例:

.td1,div a,body 

td,div,a

9.偽類及偽物件選擇符

語法:

e : pseudo-classes  

e : pseudo-elements

說明:

偽類及偽物件選擇符。

偽類選擇符。請參閱偽類( pseudo-classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。

偽物件選擇符。請參閱偽物件( pseudo-elements )[:first-letter :first-line :before :after]。

示例:

div:first-letter  

a.fly :hover

jQuery選擇符 XPath選擇符

說明 jquery支援一組基本的xpath選擇符 可以和css選擇符一起使用 jquery無論對什麼文件都可以使用xpath和 css選擇符。1.屬性選擇符 2 特點 允許以類似正規表示式的語法來標識字串的開始 和結尾 也可以使用 表示字串的任意位置。1 a href mailto 表示取得以mai...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...