层次选择器
1.后代选择器
E M{css内容} 通过 E选择器 设置 E 中的 M选择器 的css内容,M可以是E的子集,也可以是E的后代中的某一个选择器
ul li{
}
2.父子选择器
E>M{css内容} 通过E选择器找到 E选择器下面的子级M选择器,设置css内容
ul>li{
}
3.兄弟选择器
E~M{css内容} 通过E选择器找到 该元素之后的所有选择器名为 M 的兄弟元素,并设置css样式
.f~li{
}
4.相邻兄弟选择器
E+M{ css内容 } 通过E选择器找到 该元素之后第一个兄弟元素M,并且对M设置css样式。
.f+li{
}
伪类选择器
a的伪类
伪类,是css系统创建好的内部的类,用来对标签的某一个时机设置样式
link:初始时候的状态
visited:点击之后的状态
hover:鼠标悬浮时候的状态
active: 鼠标按下不松手时候的状态
顺序是 l-> v -> h -> a(先爱后恨)
ie8以后,任何标签都可以添加 :hover 伪类
可以根据hover 触发 元素本身,以及通过元素能找到的元素 的变化