css选择器

Posted 2022-08-12 fuyi2345

1.颜色名表示法 ： red
2.rgb 表示法 rgb（255,0,0）
3.16进制表示法 #ff

精确控制每个div的内容
1. 标签选择器 div p 等等
* .. ... ... 选择所有便签

2. id选择器
属性 id="div1"
使用时 #div1 ... ... ...

3. 类选择器
属性 class="属性名"
css文件中 .属性名 ... ... ...

4. 层级选择器 嵌套不能超过四层
选择 .box span
.box 下的 span

5. 组选择器
多个选择器有相同的样式 逗号 分割
层级选择器用空格分割

6. 伪类选择器
让元素变颜色 .link：hover ... ... 鼠标悬停在上面会变色

7. 伪元素选择器 处理bug 的时候
.box：before
content："前面文字"

前面文字 这几个字是选不中的

css3 新增选择器
8. E : nth-child（n）
E 元素的第n个元素