CSS的選擇器

在css裡，可以用來選取元素的東西有蠻多的，最常用的應該是類型選擇器、class跟id。而css還有其他的選擇器可以使用，以下便就css裡可以看到的選擇器做一個簡單的說明。

類型選擇器(Type selector)
類型選擇器是用來指名要樣式畫的元素或html文件，如p, img, h1...等

類別選擇器(Class selector)
如果要將同一個CSS規則套用到不同的元素，可以使用類別選擇器，要套用的時候在選擇器名稱前加一個"."'，如: .button

ID選擇器(ID selector)
ID選擇器類似類別選擇器，不過他在文件中只出現一次，要套用ID選擇器要在名稱前加"#" ，如
: #wrapper

子選擇器(Child selector)
子選擇器是指當他是元素的直接後代時，該元素才會被樣式化。
如: div > strong，代表只有div下一層的strong才會被樣式化

全域選擇器(Universal selectors)
全域選擇器以星號(*)代表，適用於所有元素

相鄰兄弟選擇器(Adjacent sibling selectors)
相鄰兄弟是描述網頁標記流中，緊鄰的兩個元素間的關係，可用(+)表示，如：li + li 不過只有第二跟第三個項目會被樣式化

虛擬類別(Pseudo-classes)
用在連結上的就是，如：a:link、a:visited、a:hover、a:active

虛擬元素(Pseudo-elements)
包括： :first-letter、:first-line、:before、:after，樣式化範圍如單字所示


屬性選擇器(Attribute selectors)
[attribute]-依屬性搜尋
[attribute=val]-依值搜尋
[attribute~=val]-搜尋屬性是否包含以空白分隔之特定值
[attribute|=val]-搜尋屬性值是否含有以連字號(-)分隔之特定值