CSS 选择器除了样式表匹配元素时需要用到，在使用 jQuery 等库的时候也可以利用 CSS 选择器来选择元素，因此作为前端开发需要熟练掌握。下面是一些常用的 CSS 选择器示例。 元素选择器 E，选择所有指定元素名称的元素，例如 p，选择所有的 p 元素。 通用选择器 *，选择所有元素 ...

前面的话 　　CSS的一个核心特性是能向文档中的一组元素类型应用某些规则，本文将详细介绍CSS选择器 　　[注意]关于选择器兼容性的详细信息移步至此 通配选择器 　　星号*代表通配选择器，可以与任何元素匹配 元素选择器 　　文档的元素是最基本的选择器 ...

选择器的用处就是告知浏览器，我这一大堆的样式要用在哪些元素 选择器很重要，学好了，可以减少很多CSS代码，不用像以前一样，一大堆类选择器。 以下为了方便查看CSS代码，我采用内联样式的方法，但在实际开发中，建议用外联样式，这有利于页面的性能优化。 id选择器 id选择器，要在标签添加id ...

一、基本选择器 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签的元素 3. .info class选择器，匹配所有class属性中包含info的元素 4. #footer id选择器，匹配所有id属性等于footer的元素 二、多元素的组合选择器 ...

1.>（子选择器） #a>p{　　 // 使用 > 号，让选择器选择id="a"的所有子类（直接子类） 结果： 2.+（相邻选择器） h1+p，选择紧接在另一个元素后的元素，而且二者有相同的父元素。只会选择第一个相邻的匹配元素 ...

1、标签选择器 2、类选择器 3、id选择器 4、通配符选择器（*） 5、连接类伪类选择器（a:hover） 6、结构伪类选择器(first-child(),last-child(),nth-child(),nth-last-child()) 7、目标伪类选择器(:target 被选 ...

1. id选择器(#myid) 根据id的值选择元素 2. 类选择器(.myclassname) 根据class的值选择元素 3. 标签选择器(div,h1,p) 根据标签选择元素 4.相邻选择器/兄弟选择器(h1+p) 匹配紧跟第一个选择器，并且匹配第二个选择器内的元素，如紧跟h1元素后 ...

一、后代选择器 选取指定元素的后代元素 与子元素选择器相比，后代选择器选取的不一定是直接后代（儿子），而是作用于所有后代元素（儿子、孙子、重孙…）都可以。 实例：（选取类为 box的元素的 id为aa后代元素） HTML CSS 二、（> ...