首页 > Web开发 > 详细

CSS选择器(6)——伪元素

时间:2020-06-12 00:21:55      阅读:60      评论:0      收藏:0      [点我收藏+]

伪元素

:first-letter

:first-letter用来选择文本块的第一个字母。常用于给文本添加排版细节,例如首字母下沉。

p:first-letter
{
  color:#ff0000;
  font-size:xx-large;
}

:first-line

:first-lin用来匹配元素的第一行文本,应用一些特殊的样式。

p:first-line
{
  color:#ff0000;
  font-variant:small-caps;
}

:before和:after

:before和:after不是存在于标记中的内容,而是可插入额外内容的位置,尽管生成的内容不会称为DOM的一部分,但它同样可以设置样式。

要为伪元素生成内容,还需要配合content属性。在元素内容的最后面或者最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。

h1:after 
{
content:url(/i/w3school_logo_white.gif)
}

CSS选择器(6)——伪元素

原文:https://www.cnblogs.com/10yearsmanong/p/13096664.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!