選擇符分類介紹
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 最基本的佐...