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

一.屬性選擇器

• [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