链接伪类选择器:
:link //未选择的链接样式
:visited //已访问的链接样式
:hover //鼠标移到链接上方的样式
:actived //鼠标选定时的链接样式
结构伪类选择器:
:first-child //目标为父元素的首个子节点
:last-child //目标为父元素的最后一个子节点
:nth-child(n) //目标为父元素顺序数第N个子节点 n为可选参数:even是偶数,odd是奇数。可以为数字,公式,表达式
:nth-last-child(n)//目标为父元素逆序数第N个子节点 同上
目标伪类选择器
这个不太好理解
我在这里打个栗子
<a href = '#movie>你点击我可以跳转到页面id为movie的标签喔!</a>
<h1 id = 'movie'>这就是id为movie的标签喔</h1>
在css样式中设置:target{ color:red}这样你点击链接的时候,h1会变成红色。就是这么个意思
交集选择器
交集选择器由两个选择器构成。其中一个是标签选择器,另外一个是class选择器。我举个栗子
h1.mmm 表示的是 类名为mmm的h1标签
并集选择器
并集选择器,逗号隔开的各类选择器,逗号隔开的选择器都会执行样式。
后代选择器
举个栗子 div ul li {} 如果有一个div标签内有ul标签,ul标签内恰好又有li标签,就符合该选择器的条件。
属性选择器
举个栗子 a[title] {} 属性中带有title属性的a标签符合该选择器的条件
选择器的优先级喔 :!important>行内样式>id选择器>类选择器>标签选择器