CSS2 樣式表 選擇符

2021-04-13 23:48:25 字數 2059 閱讀 3350

1、通配選擇符(universal selector)

語法:*

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

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

示例:*[lang=fr]

*.div

2、型別選擇符(type selectors)

語法:e

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

示例:td

a

3、屬性選擇符(attribute selectors)

語法:1.e [ attr ]

2.e [ attr = value ]

3.e [ attr ~= value ]

4.e [ attr |= value ]

說明:屬性選擇符。

1.選擇具有 attr 屬性的 e

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

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

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

示例:

4、包含選擇符(descendant selectors)

語法:e1 e2

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

示例:table td

div.sub a

5、子物件選擇符(child selectors)

語法:e1 > e2

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

示例:body > p

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

div ul>li p

6、id選擇符(id selectors)

語法:#id

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

示例:#note

7、類選擇符(class selectors)

語法:e.classname

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

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

示例:div.note

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

.dream

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

8、選擇符分組(grouping)

語法:e1 , e2 , e3

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

示例:.td1,div a,body

td,div,a

9、偽類及偽物件選擇符(pseudo selectors)

語法:1. e : pseudo-classes

2. e : pseudo-elements

說明:偽類及偽物件選擇符。

1. 偽類選擇符。請參閱偽類( pseudo-classes )。

2. 偽物件選擇符。請參閱偽物件( pseudo-elements )。

示例:div:first-letter

a.fly :hover

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2樣式表 屬性 尺寸

1 height 語法 height auto length 取值 auto 預設值。無特殊定位,根據html定位規則分配 length 由浮點數字和單位識別符號組成的長度值 百分數。百分數是基於父物件的高度。不可為負數。請參閱 長度單位 說明 檢索或設定物件的高度。對於 img 物件來說,僅指定此...

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...