后代选择器 作用于某个元素层次下的元素 效果： 子选择器 作用于某个元素的子元素 效果： 相邻兄弟选择器 紧接在元素后面的元素 效果： 通用兄弟选择器 A~B 选择A元素之后所有同层级B元素。 效果： ...

如果想要通过DOM元素之间的层次关系来获取特点的元素，如后代元素、子元素、相邻元素和同辈元素等，那个层次选择器是一个非常好的选择。 在介绍层次选择器之前，我们先在html中写下如下代码，后面所有的操作均在此基础之上。 1、派生选择器 用于选择父级下所有的派生子级 ...

div div ：说明div标签与div标签才生效 body>div：说明body下面的div标签全部生效 .active+div:说明active类下面的第一个div生 ...

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 二、（> ...

css的选择器是还是比较富的，主要的css选择器如下： 标签选择器（如：body,div,p,ul,li） .类选择器（如：class="head",class="head_logo"） ID选择器（如：id="name",id="name_txt"） 全局 ...