包含选择器,即加入空格,用于选择指定标签元素下的后辈元素
>作用于元素的第一代后代,空格作用于元素的所有后代。
.first span{color:red;}
>
作用于元素的
第一代
后代,
空格
作用于元素的
所有
后代。
通用选择器
通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素,如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色:
伪类选择符
* {color:red;
font-size:20px;}
更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色:
a:hover{color:red;}
就是为 a 标签鼠标滑过的状态设置字体颜色变红
分组选择符
当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色:
h1,span{color:red;}
它相当于下面两行代码:
h1{color:red;}
span{color:red;}
.first,#second span{color:green;} ( <p class="first">)