基本的选择器

名称符号说明id选择器#根据id选择元素类选择器.例如 .class1.class2 选择class同时包含class1和class2的元素元素选择器标签名例如 p 选择p标签子选择器>只选择直接子元素（只选儿子，孙子不选）后代选择器空格选择后代元素（儿子孙子等都选）选择器分组，例如p,div选择p标签和div标签相邻兄弟选择器+例如 div + p 选择紧跟在div标签后的p标签（不选div标签）兄弟选择器~例如 div ~ p 选择在div标签后的所有p标签（不选div标签）伪类:主要是选择非真实存在的类，如a:hover选择鼠标指着的超链接伪元素:选择非真实存在的元素，例如p:first-line选择p标签下的第一行属性选择器[]根据属性选择元素，例如a[href][title]就是选择同时具有这两个属性的超链接，还可以为属性指定特定值，如href=”“，这里还有几种特殊的匹配符号。

属性选择器的匹配符

符好说明^=以……开头$=以……结尾*=包含……~=用与选定包含的词汇，例如p.test等价与p[class~=”test”]。(选定方式和class相同？用空格隔开？)|=选定以指定词汇开头，例如*[lang|=”en”]选定lang属性等于”en”或者”en-xxx”的元素

注意：

*是css中的通配符，表示任意标签。伪类中存在一些顺序上的问题 a:hover必须在a:link和a:visited后才有效a:active必须在a:hover之后才有效