一.屬性選擇器

• [att] 匹配所有具有att屬性的
• [att=val] 匹配所有att屬性等於“val”的
• [att~=val] 匹配所有att屬性包含“val”或者等於“val”的(val必須是一個完整詞)
• [att|=val] 匹配所有att屬性僅僅只等於以val-’ 開頭的或等於“val”（比如說zh-cn）
• [att*=val] 匹配所有att屬性 包含’val’的字母 (val可以是字母) 類似模糊查詢
• [att^=val] 匹配所有att屬性 ‘val’開頭的 (val可以是字母)
• [att$=val] 匹配所有att屬性 ‘val’結束的 (val可以是字母)

二.結構性偽類

• E:nth-child(n) 表示E父級的所有子元素集合中的,第n個子節點（從前往後數 兄弟同類型標簽 不可跨越其他類型標簽 按所有標簽索引順序去選擇）
• E:nth-last-child(n) 表示E父級的所有子元素集合中的,第n個子節點，從後向前計算 （從後往前數）
  （需E選擇器能選中此元素）
• E:nth-of-type(n) 表示E元素父級的子元素是E集合，第n個字節點，（兄弟同類型標簽 可跨越其他類型標簽 按同類型標簽索引順序去選擇）
• E:nth-last-of-type(n) 表示E父級的第n個字節點，從後向前計算
  （需E選擇器能選中此元素,且區分標簽類型）
• E:nth-child(odd) 匹配奇數行 同p:nth-child(2n-1)
• E:nth-child(even) 匹配偶數行 同p:nth-child(2n)
• E:empty 表示E元素中沒有子節點（不能有空格,回車）。註意：子節點包含文本節點

三.偽類

• E:target 當a標簽獲取焦點href=”所對應的 E元素錨點的對象（超鏈接跳轉對象）

• E:disabled 表示不可點擊的表單控件disabled（禁止選中）
• E:enabled 表示可點擊的表單控件
• E:checked 表示已選中的checkbox或radio （鼠標點擊時）
• E:first-line 表示E元素中的第一行
• E:first-letter 表示E元素中的第一個字符（首字）
• E::selection 表示E元素在用戶選中文字時

• E:not(selector) 選擇非 selector 選擇器的每個元素。
• E~F 表示E元素後的所有兄弟F元素(~不需要緊挨著 +需要緊挨著 毗鄰)

　　其他屬性 input::placeholder 改變文本框中提示字體樣式

　　兼容寫法input::-webkit-input-placeholder

HTML5--(2)屬性選擇器+結構性偽類+偽類