CSS选择器

选择器 含义 示例 通用选择器 应用于文档中的所有元素 * { }
应用于页面的所有元素 类型选择器 匹配元素名称与选择器相同的元素 h1,h2,h3
应用于< h1 >元素、< h2 >元素和< h3 >元素 类选择器 匹配这样的元素：元素的class特性的值与此选择器点符号后面的部分相同 .note { }
应用于所有class特性值为note的元素
p.note { }
之应用于class特性值为note的< p >元素 ID选择器 匹配这样的元素：元素的id特性的值与此选择器井号后面的部分相同 #lqq
应用于id特性值为lqq的元素 子元素选择器 匹配指定元素的直接子元素 li>a { }
应用于所有父元素为< li >的< a >元素(对页面中的其他< a >元素不起作用) 后代选择器 匹配指定元素的后代元素（不仅是指定元素的直接子元素） p a { }
应用于所有位于< p >元素中的< a >元素，不论它们之间有没有嵌套其他元素 相邻兄弟选择器 匹配一个元素的相邻的兄弟元素 h1+p { }
应用于< h1 >元素之后的第一个< p >元素（对其他< p >元素不起作用） 普通兄弟选择器 匹配一个元素的兄弟元素，不论这个元素是不是与它的兄弟元素相邻 h1~p { }
如果有两个< p >元素均为< h1 >元素的兄弟元素，那么这些规则对这两个< p >元素都起作用