HTML(10)——复合选择器和伪类选择器

目录

复合选择器

后代选择器

 子代选择器

并集选择器 

交集选择器

伪类选择器 

---

 

复合选择器

定义：由两个或多个基础选择器，通过不同的方式组合而成。

作用：更准确、更高效的选择目标元素。

后代选择器

选中某元素的后代所有元素。

写法：父选择器  子选择器{CSS属性},父子选择器之间用空格隔开。

例如：

<style>

  div span{

    color:red;

  }

</style>

<div>

  <span>这是div的儿子</span>

</div>

 子代选择器

选中某元素的子代元素（最近的子级）。

写法：父选择器>子选择器{CSS属性}。

并集选择器 

选中多组标签设置相同的样式。

写法：选择器1，选择器2，选择器3...{CSS属性},选择器之间用,隔开。

例如：

div,

p,

span{

  color:red;

}

交集选择器

选中同时满足多个条件的元素。

写法：选择器1选择器2{CSS属性},选择器之间连写，没有符号。  

注：如果交集选择器中有标签选择器，标签选择器必须写在最前面。

例如：

p.box{

  color:red

} 

伪类选择器 

伪类表示元素状态，选中某个状态设置样式

写法： 

选择器:状态名{CSS属性}

超链接的四个状态

选择器	作用
:link	访问前
:visited	访问后
:hover	鼠标悬停
:active	点击时

 注：如果要给超链接设置以上四个状态，需要按照LVHA的顺序书写。