資訊專欄INFORMATION COLUMN
摘要：相鄰兄弟選擇器也一樣。提示當時，會在除第一個之外的所有生效。在定義中，必須被置于之后，才是有效的。和稱為鏈接偽類，只能應用于錨元素和稱為動態偽類，理論上可以用于任何元素。注意，偽元素選擇器選擇出來的部分不在里，也不能對其綁定事件。
0. 通用選擇器
* { margin: 0; padding: 0; }
1. 元素選擇器
p { line-height: 1.5em; }
h2 { color: #696969; }
2. id 和 類選擇器
#id .class
3. 關系選擇器A B：后代選擇器 （所有后代）
A > B：子選擇器（直接后代）
A + B：相鄰兄弟選擇器（AB為兄弟，僅緊鄰 A 的 B 生效）
A ~ B：一般兄弟選擇器（A 之后的所有 B 兄弟生效）
注意：子選擇器：IE 7 中如果父元素和子元素之間有 HTML 注釋，會出現問題。相鄰兄弟選擇器也一樣。
提示：當 li+li 時，會在除第一個 li 之外的所有 li 生效。
1、A[attr]：定位具有屬性 attr 的任何元素 A：
input[required] { border:1px solid #f00;}
/* 必填屬性"required"的input */
2、A[attr="val"]：完全匹配，定位具有屬性 attr 且屬性值為 val 的任何元素 A：
input[type="password"] {border:1px solid #aaa;}
3、A[attr|="val"]：定位具有屬性 attr 且屬性值為 val，或以 "val-" 開頭 的任何元素 A：
p[class|="a"] {color:#333;}
/* class="a" 以及 class="a-b"） */
4、A[attr~="val"]：該選擇器定位具有屬性 attr 且屬性值為 完整 "val" 的任何元素 A：
div[title~="english"] {color:#f88;}
/* title="english" 以及 title="chinese english" */
5、A[attr*="val"]：定位具有屬性 attr 且屬性值任意位置 包含 "val" 字符串 的元素 A，val 可以是一個完整的單詞，也可以是一個單詞中的一部分：
a[title*="link"] {text-decoration:underline;}
/* title="aaalinkzzz" */
6、A[attr^="val"]：定位具有屬性 attr 且屬性值 以 "val" 開頭 的任何元素 A：
div[class^="a"] {color:#666;}
/* class="a"、class="abc" 以及 class="abc zzz" */
/* 但 class="zzz abc" 不是 */
7、A[attr$=val]：該選擇器與 A[attr^=val] 正好相反，定位具有屬性 attr 且屬性值 以 "val" 結尾 的任何元素 A：
div[class$="a"] {color:#f00;}
/* class="nba"、class="cba" 以及 class="cn cba" */
/* 但 class="cba cn" 不是 */
注意：IE6 不支持屬性選擇器。
5. 偽類 1、錨偽類a:link {color: red} /* 未訪問的鏈接 */
a:visited {color: green} /* 已訪問的鏈接 */
a:hover {color: blue} /* 鼠標移動到鏈接上 */
a:active {color: yellow} /* 選定的鏈接，鼠標左擊不放 */
提示
在 CSS 定義中，:hover 必須被置于 :link 和 :visited 之后，才是有效的。
在 CSS 定義中，:active 必須被置于 :hover 之后，才是有效的。
:link 和 :visited 稱為鏈接偽類，只能應用于錨元素；:hover、:active 和 :focus 稱為動態偽類，理論上可以用于任何元素。
2、偽類與 CSS 類偽類可以與 CSS 類配合使用：
a.red:visited {color:#FF0000;}
3、:focus
:focus 向擁有鍵盤輸入焦點的元素添加樣式。
Any element (most commonly s and