CSS查漏补缺之选择器

链接伪类选择器：

:link //未选择的链接样式

:visited //已访问的链接样式

:hover //鼠标移到链接上方的样式

:actived //鼠标选定时的链接样式

 

结构伪类选择器：

:first-child //目标为父元素的首个子节点

:last-child //目标为父元素的最后一个子节点

:nth-child(n) //目标为父元素顺序数第N个子节点        n为可选参数：even是偶数，odd是奇数。可以为数字，公式，表达式

:nth-last-child(n)//目标为父元素逆序数第N个子节点  同上

 

目标伪类选择器

这个不太好理解

我在这里打个栗子 

这就是id为movie的标签喔 

在css样式中设置:target{ color:red}这样你点击链接的时候，h1会变成红色。就是这么个意思

 

交集选择器

交集选择器由两个选择器构成。其中一个是标签选择器，另外一个是class选择器。我举个栗子

h1.mmm 表示的是   类名为mmm的h1标签

 

并集选择器

并集选择器，逗号隔开的各类选择器，逗号隔开的选择器都会执行样式。

 

后代选择器

举个栗子 div ul li {} 如果有一个div标签内有ul标签，ul标签内恰好又有li标签，就符合该选择器的条件。

 

属性选择器

举个栗子  a[title] {}   属性中带有title属性的a标签符合该选择器的条件

选择器的优先级喔 ：！important>行内样式>id选择器>类选择器>标签选择器