码迷,mamicode.com
首页 > 其他好文 > 详细

伪元素选择器

时间:2019-01-24 23:31:21      阅读:564      评论:0      收藏:0      [点我收藏+]

标签:for   常用   after   let   蓝色   pre   标签   内容   first   

标签(空格分隔): 伪元素


介绍常用的伪元素:
first-letter
例如:

p:first-letter {
  font-size: 48px;
}

before
用于在元素的内容前面插入新内容。

p:before {
  content: "*";
  color: red;
}

在所有p标签的内容前面加上一个红色的*

after
用于在元素的内容后面插入新内容。


p:after {
  content: "?";
  color: red;
}

在所有p标签的内容后面加上一个蓝色的?。

伪元素选择器

标签:for   常用   after   let   蓝色   pre   标签   内容   first   

原文地址:https://www.cnblogs.com/surewing/p/10317474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!