CSS选择器(6)——伪元素
2021-02-07 03:18
阅读:679
伪元素
: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)
}
评论
亲,登录后才可以留言!