1.基本选择器:
标签选择器:
id选择器:
类选择器:
通配符选择器:
2.包含选择器:
子代选择器:选中亲生儿子
后代选择器:找到后代所有要找的元素
3.复合选择器:
4.属性选择器:
1.伪类选择器:
用来描述一个元素的特殊状态,比如第一个元素、某个元素的子元素、要点击的元素
静态伪类:只能用于超链接的样式
:link 超链接点击之前
:visited 链接被访问之后
动态伪类:针对所有标签都适用的样式
:hover “悬停”鼠标放在标签上的时候
:active “激活”鼠标点击标签,但是不松手时
结构伪类选择器:
:frist-child:选择标签的第一个元素
:last-child:选择标签的最后一个元素
:nth-child():选择括号中所写的第几个元素
2.伪元素选择器:
::before 表示元素的开始插入内容
::after 表示元素的最后插入内容
before和after必须结合content使用
::input: :placeholder 表单提示词
::selection 选中时