在前面的文章中，我們在大前端介紹了《五種必須知道的css選擇器》，現在向大家介紹，還需要學習的另外十二種css選擇器。如果你還沒有用過，就好好學習一下，如果你已經熟知了就當是溫習。
一、x:link x:visited x:hover x:active 偽類
a:link
a:visted
偽類選擇器，visted已被訪問過的樣式，hover滑鼠經過的樣式，link未被訪問的樣式。三種偽類選擇器常用於鏈結，但不是說只適用於鏈結，可惜的是ie6只支援將這三種偽類選擇器作用於鏈結。
這裡明河說明一點，由於css優先順序的關係(後面比前面的優先順序高)，這幾個偽類的書寫順序，一般是link、visted、hover、active。
二、x + y 相鄰選擇器
ul + p
相鄰選擇器，上述**中就會匹配在ul後面的第乙個p，將段落內的文字顏色設定為紅色。(只匹配乙個元素)
三、x > y 子選擇器
子選擇器，留意x > y與x y的區別，後者是子孫選擇器，即無視層級，而x > y是字選擇器，只匹配x下的子元素y。
從理論上來講x > y是值得提倡選擇器，可惜ie6不支援。
四、x ~ y 相鄰選擇器
ul ~ p
相鄰選擇器，與x+y類似，不同的是x ~ y匹配的是元素集合，比如上述**，匹配的是所有ul相鄰的p
五、x[title] 屬性選擇器
a[title]
屬性選擇器，比如上述**匹配的是帶有title屬性的鏈結元素。
六、x[title=""] 另一種屬性選擇器
a[title="大前端"]
屬性選擇器，上述**不只匹配帶有title屬性，更匹配title屬性等於」大前端」的鏈結元素。內不只可用title屬性，還可以使用其他屬性。
七、x[title*=""] 模糊匹配屬性選擇器
a[title*="大前端"]
加了*號，意味著是模糊匹配，比如上述**，會匹配title屬性為明或明河或明河共影等帶有明字的鏈結屬性。
八、x[title^=""] 另一種模糊匹配屬性選擇器
a[title^="大前端"]
模糊匹配,與*的作用相反，^起到排除的作用，比如上述**，會匹配title屬性不帶有明字的鏈結屬性。
九、x[href$=""] 很實用的屬性選擇器
a[href$=".png"]
在屬性選擇器中多乙個$符號，用於匹配結尾為特定字串的元素，比如上述**匹配的就是href屬性值的結尾為.png的鏈結。
十、x[data-*=""] 不太常用的屬性選擇器
而使用data-filetype，只要：
a[data-filetype="image"]
當然前提是你給每乙個鏈結加上data-filetype屬性。
十一、x[foo~=""] 非常少用的選擇器
a[data-info~="external"]
a[data-info~="image"]
這也是非常少用的選擇器，加上~號，有一種情況特別適用，比如你有個data-filetype=」external image」屬性，這時候我希望分別針對external和image樣式控制。
a[data-info~="external"]
a[data-info~="image"]
上述**會匹配data-filetype=」external」、data-filetype=」image」、data-filetype=」external image」的a。
十二、x:checked 另一種偽類選擇器
input[type=radio]:checked
這個偽類選擇器只用於匹配帶有checked屬性的元素，比如radio、checkbox即單選框和多選框。目前這個偽類選擇器，ie9下都不支援，非ie瀏覽器基本上都支援。
在後面大前端文章中，我們還將繼續介紹css選擇器，我們一起期待。
十二，CSS其他選擇器
1，呼叫class選擇器 允許重複class選擇器名稱 定義 class imooc 慕課網p 呼叫 imooc 2，呼叫id選擇器 唯一 定義 name1 慕課網p 呼叫 name1 3，呼叫 選擇器 4，呼叫，選擇器 聯合選擇器，用逗號隔開 name1,name2 charset utf 8 d...
css選擇器學習
本片文章主要講解html5中css選擇器，通過選擇器定位到想要進行樣式設定的元素。當前css選擇已經發布到第三代，也就是css3選擇器。css3選擇器分為 基本選擇器，復合選擇器，偽元素選擇器。1.1 代表通用選擇器，選擇所有元素 1.2 type選擇器 元素選擇器 選擇指定的元素 1.3 id選擇...
CSS選擇器學習
選擇所有節點 container 選擇id為container的節點 container 選取所有class包含container的節點 li a 選取所有li下的所有a節點 ul p 選擇ul後面的第乙個p元素 div container ul 選取id為container的div的第乙個ul子元...