基础选择器:
选择器名字:元素 类 ID 通配符
书写格式: 标记名 class id *
类选择器 命名规范
1、点号开始
2、包含字母、数字、下划线、连字符
3、点号后面必须是字符
4、大小写敏感(区分大小写)
ID选择器
书写格式:#ID名{声明块} 特点:名字唯一
组合选择器/并集选择器
书写格式:
元素名,ID名,类名{声明块}
没有顺序要求
层次选择器:
1、子级选择器 书写格式:父元素A>子元素B{声明块}
2、后代选择器 书写格式:祖先元素A+"空格"+后代元素B{声明块}
3、兄弟选择器 书写格式:兄弟元素A+++兄弟元素B{声明块}
注意:AB之间不能有其他元素
通用选择器
书写格式:兄弟元素A+~+兄弟元素B{声明块}
伪类选择器
结构伪类选择器
last-child:选择最后一个元素
first-child:第一个
nth-child(n):第几个
否定伪类选择器
nav:not(:nth-child(7)):选中除了第七个元素
动态选择器 :
link 未访问 : hover 悬停 :active 点击时 :visited 已访问
伪元素选择器
默认是行盒
添加 content:“”;
1、在元素之前添加内容 书写格式:元素A::before{声明块}
2、在元素之后添加内容 书写格式:元素A::after{声明块}
层次关系:子元素