后代选择器

作用

用来选择后代元素

特点

可以是子孙后代

用法

  1. .nav a

子代选择器

作用

选择最近一级的元素

特点

只选亲儿子,不是选择一个亲儿子,而是所有的亲儿子。

用法

.nav>p        //选择nav类标签后面所有的亲儿子p标签

并集选择器

作用

选择某些有相同样式的元素

特点

用于集体修改样式,集体声明

用法

.nav,header

链接伪类选择器

作用

选择不同状态下的链接

特点

跟链接相关

用法

//注意:当链接的伪类选择器要写全时,必须得按照下面的顺序来写,否则会导致代码无效
a:link{
  //未访问的链接
}

a:visited{
  //点击过的链接
}

a:hover{
  //选择鼠标经过的那个链接
}

a:active{
  //选择鼠标正在按下还没弹起时的那个链接
}

:focus选择器

作用

选择获得光标的表单

特点

跟表单相关

用法

iniput:focus{
  //选择获取到光标的表单
}