伪元素选择器
伪元素选择器
拉普拉斯婷 发表于1年前
伪元素选择器
  • 发表于 1年前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 浅谈四个伪元素选择器

CSS2.1中定义了4个伪元素:设置首字母样式,设置第一行样式,设置之前和之后元素的样式

1、设置首字母样式:

p:first-letter{color:red}

设置首字母效果图

2、设置第一行样式:

p:first-line{color:red}

设置第一行样式

在CSS2中,:first-letter和:first-line伪元素只能应用于标记或段落之类的块级元素,而不能用于超链接等的行内元素。 在CSS2.1中,:first-letter能应用到所有元素。

3、:before设置之前的样式,:after设置之后的样式

h2:before{content:"]]"; color:silver;}

在每个h2元素前加一对银色中括号 伪元素用于插入生成的内容,并设置其样式。

共有 人打赏支持
粉丝 0
博文 33
码字总数 5836
×
拉普拉斯婷
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: