常用选择器
| 选择器 | 示例 | 说明 |
|---|---|---|
| .class | - | |
| #id | - | |
| element | p | - |
| elem1, elem2 | div, p | 选择所有的div元素和p元素 |
| elem1 elem2 | div p | 选择所有的div元素内的所有p元素，包含所有的后代元素 |
| elem1>elem2 | div>p | 选择父级是div的所有p元素，p的父级必须是div
|
| elem1+elem2 | div+p | 选择div之后的相邻p元素，div 和p必须是相同父级 |
| elem1~elem2 | div~p | 选择同一父级下div后的所有p元素，div 和p必须是相同父级 |
| :first-child | p:first-child | 匹配其父元素中的第一个子元素 |
| :last-child | p:last-child | 匹配其父元素中的最后一个子元素 |
| :before | p:before | 向选定的元素前插入内容，使用content属性来指定要插入的内容 |
| :after | p:after | 向选定的元素后插入内容 |
:before&:after content的属性值
| 值 | 说明 |
|---|---|
| none | 设置Content，如果指定成Nothing |
| normal | 设置content，如果指定的话，正常，默认是"none"（该是nothing） |
| counter | 设定计数器内容 |
| attr(attribute) | 设置Content作为选择器的属性之一。 |
| string | 设置Content到你指定的文本 |
| open-quote | 设置Content是开口引号 |
| close-quote | 设置Content是闭合引号 |
| no-open-quote | 如果指定，移除内容的开始引号 |
| no-close-quote | 如果指定，移除内容的闭合引号 |
| url(url) | 设置某种媒体（图像，声音，视频等内容） |
| inherit | 指定的content属性的值，应该从父元素继承 |
网友评论