标签：自定义 元素 selector1 selector2 child 选择器 CSS
CSS中的选择器
1. 基本选择器
- E{} 选择某一种元素 *{} *代表全部的元素
- E[attr]{} 属性选择器 ^= attr的开头是? *= 包含 =严格意义上那个的等于
- ID选择器 #id{}
- class 选择器 .class{}
- 包含选择器 selector1 selector2 ...{}
- 子元素选择器 selector1>selector2>...{}
- 兄弟选择器 selector1~selector2{} 从selector1向下寻找selector2的兄弟
- 选择器的组合 selector1,selector2,selector3,...用多个选择器 美化成同一个样式
2. 伪元素选择器
- 首元素伪元素选择器 ::first-letter{} 使用前提:依附元素必须是一个块级元素
- 首行伪元素选择器 ::first-line{}
- 自定义前置伪元素 ::before{} content添加内容 使用前提：不管需不需要自定义内容都要加上content属性
- 自定义后置伪元素 ::after{} content 同before
3. 伪类选择器
- 结构性伪类选择器 :nth-child() 括号里面可以放数字(1-n);odd(奇数) even(偶数);加法表达式n,必须是+-n减一个数然后加上一个数; :first-child等价于:nth-child(1) ; :last-child等价于:nth-last-child(1)
标签：自定义,
元素,
selector1,
selector2,
child,
选择器,
CSS
From： https://www.cnblogs.com/ning23/p/17982008