首页 > 网站 > WEB开发 > 正文

css伪元素

2024-04-27 15:04:56
字体:
来源:转载
供稿:网友

伪元素选择器

就像伪类为锚指定幻象类一样,伪元素能够在文档中插入假想的元素,从而得到某种效果。CSS2.1定义了四个伪元素:设置首字母样式、设置第一行样式、设置之前和之后元素的样式

设置首字母样式

p:first-letter {}

这个规则会选中每一段的第一个字母

设置第一行的样式

p:first-line {}

这个规则会选中每一段所显示的第一行文本

设置之前和之后元素的样式

假设想设置一种排版效果,在每个h2元素前加一堆银色中括号:

h2:before {content: *}}*; color:silver;}

css2.1允许插入生成的内容,然后使用伪元素:before和:after直接设置样式。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表