標籤:style class tar color width get
以上是廢話1.3 此處未完全確認,相較於css3和css3的選取器,區別包括:
- 基礎定義改變(選取器、選取器組,簡單選取器等),特別的,作為css2中簡單選取器,如今被成為簡單選取器序列,“簡單選取器”作為這個序列的組成部分。
- 允許在元素類型選取器上、通用選取器和類型選取器上增加可選的命名空間。
- 一個新的組合器
- 一個新的簡單選取器,包括了匹配屬性選取器的子字串,以及新的偽類
- 新的偽類,以及針對偽類的::書寫習慣
- 文法重寫
- 整合選取器、定義選取器集合
- 選取器是一個css3 module,並且單獨聲明。其他聲明可以關聯到這個文檔?
- 聲明擁有自己特有的測試組件
1.4 選取器
| 格式 |
含義 |
css層級 |
| * |
所有元素 |
2 |
| E |
E-類型選取器 |
1 |
| E[foo] |
E,具有foo屬性 |
2 |
| E[foo="bar"] |
E,具有Foo屬性,且值精確等於bar |
2 |
| E[foo~="bar"] |
E,具有Foo屬性,值為一系列被空格分割,其中之一精確等於bar |
2 |
| E[foo^="bar"] |
E,具有foo屬性,其值以bar開頭 |
3 |
| E[foo$="bar"] |
E,具有foo屬性,其值以bar結尾 |
3 |
| E[foo*="bar"] |
E,具有foo屬性,其值包含bar |
3 |
| E[foo|="en"] |
E,具有foo屬性,其值包含一系列以-分隔的詞(從左開始),並以en開頭(例如:lang偽類:html:lang(fr-be) 、 html:lang(de)) |
2 |
| E:root |
E,文檔根節點 |
3 |
| E:nth-child(n) |
E的第n個孩子節點 |
3 |
| E:nth-last-child(n) |
E的從最後一個孩子往前倒數第n個孩子節點 |
3 |
| E:nth-of-type(n) |
E的type類型的第n個兄弟 |
3 |
| E:nth-last-of-type(n) |
E的從最後一個孩子往前倒數第n個type類型的兄弟節點 |
3 |
| E:first-child |
E的第一個孩子節點 |
2 |
| E:last-child |
E的最後一個孩子節點 |
3 |
| E:first-of-type |
E的類型的第一個兄弟 |
3 |
| E:last-of-type |
E的類型的最後一個兄弟節點 |
3 |
| E:only-child |
E的唯一一個孩子節點 |
3 |
| E:only-of-type |
E的類型的唯一一個兄弟節點 |
3 |
| E:empty |
沒有子節點(也包括文本節點)的E |
3 |
| E:link |
E,作為超連結的錨點,其目標尚未被訪問 |
1 |
| E:visited |
或被訪問過 |
1 |
| E:active |
E在某個使用者操作啟用狀態下 |
1,2 |
| E:hover |
|
|
| E:focus |
|
|
| E:target |
E,作為某個提到的URI的目標 |
3 |
| E:lang(fr) |
E在fr語言下(文檔語言決定當前頁面為何種語言) |
2 |
| E:enabled |
使用者介面上的元素E,可用或禁用 |
3 |
| E:disabled |
|
|
| E:checked |
使用者介面上的元素E,被選中狀態(例如單選框,多選框) |
3 |
| E::first-line |
E的格式化的第一行 |
1 |
| E::first-letter |
E的格式化的第一個字母 |
1 |
| E::before |
在E元素之前建立內容 |
2 |
| E::after |
在E元素之後建立內容 |
2 |
| E.warning |
帶有class為warning的元素E |
1 |
| E#myid |
帶有id為myid的元素E |
1 |
| E:not(s) |
E,不符合簡單選取器S |
3 |
| E F |
E的子孫F |
1 |
| E > F |
E的孩子F |
2 |
| E + F |
F元素,被E緊跟 |
2 |
| E ~ F |
F元素,之前有個E |
3 |
3。大小寫不敏感? 4、一個簡單選取器,可能是類型選取器,通用選取器,屬性選取器,類別選取器,ID選取器或偽類 6、帶有namespace的CSS寫法:
- ns|E 在ns命名空間中的E
- *|E 任意(或無)命名空間中的E
- |E 沒有命名空間的E
- E 若沒有預設命名空間聲明,等同於*|E;否則等同於ns|E,ns為預設命名空間
9、CSS計算規則 * 0 tag 1 .class 10 id 100