css選擇器文法速查

通用選擇器 *{}

類似于通配符，比對文檔中所有元素類型；

類型選擇器 h1,h2,p{}

比對以逗号隔開元素清單中的所有元素

類選擇器 .glass{} or p.glass{}

id選擇器 #id {} or p#id {}

子選擇器 td>b {}

比對元素是另外一個元素的直接子元素

後繼選擇器 td b {}

比對另一個指定元素的所有嵌套中的後繼

相鄰兄弟選擇器 h1+p {}

比對指定元素相鄰兄弟元素

屬性選擇器

存在選擇器 p[id] 任何含id屬性的p元素 相等選擇器 p[id=’some_id’] 空格選擇器 p[attr~=”foo”] attr屬性值是以空格隔開的單詞清單，其中foo是其中一個單詞的p元素 連字元選擇器 p[attr|=”en”] attr屬性的值以en開頭後面緊跟個連字元的p元素 字首選擇器 p[attr^=”box”] attr屬性的值以box開頭的的p元素 子串選擇器 p[attr*=”on”] attr屬性值包含on字元的p元素 字尾選擇器 p[attr$=”ed”] attr屬性值以ed結尾的p元素