CSS中的选择器

CSS中的选择器

1. 基本选择器

1. E{} 选择某一种元素 *{} *代表全部的元素
2. E[attr]{} 属性选择器 ^= attr的开头是? *= 包含 =严格意义上那个的等于
3. ID选择器 #id{}
4. class 选择器 .class{}
5. 包含选择器 selector1 selector2 …{}
6. 子元素选择器 selector1>selector2>…{}
7. 兄弟选择器 selector1~selector2{} 从selector1向下寻找selector2的兄弟
8. 选择器的组合 selector1,selector2,selector3,…用多个选择器 美化成同一个样式

2. 伪元素选择器

1. 首元素伪元素选择器 ::first-letter{} 使用前提:依附元素必须是一个块级元素
2. 首行伪元素选择器 ::first-line{}
3. 自定义前置伪元素 ::before{} content添加内容 使用前提：不管需不需要自定义内容都要加上content属性
4. 自定义后置伪元素 ::after{} content 同before

3. 伪类选择器

1. 结构性伪类选择器 :nth-child() 括号里面可以放数字(1-n);odd(奇数) even(偶数);加法表达式n,必须是±n减一个数然后加上一个数; :first-child等价于:nth-child(1) ; :last-child等价于:nth-last-child(1)