伪元素:
-
CSS3中新增“伪元素”特性,顾名思义,表示虚拟动态创建的元素
-
伪元素用双冒号表示,IE8可以兼容双冒号
-
::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素,必须设置content属性表示其中的内容
a::before {
content: "*";
}
- ::after 创建一个伪元素,其将成为匹配选中的元素的最后一个子元素,必须设置content属性表示其中的内容
a::after {
content: "#";
}
其他的一些伪元素:
伪元素 | 意义 |
---|---|
::selection | CSS伪元素应用于文档中被用户高亮的部分(鼠标圈选的部分) |
::first-letter | 全选中某元素(必须是块级元素)第一行的第一个字母 |
::first-line | 选中某元素中(必须是块级元素)第一行全部文字 |