css伪元素是用来干嘛的


本文摘自PHP中文网,作者V,侵删。

css伪元素是用来添加一些选择器的特殊效果的,例如【:first-line】伪元素用来向文本首行设置特殊样式,【:first-letter】伪元素用于向文本的首字母设置特殊样式。

CSS伪元素是用来添加一些选择器的特殊效果。

(学习视频分享:css视频教程)

伪元素的语法:

1

selector:pseudo-element {property:value;}

CSS类也可以使用伪元素:

1

selector.class:pseudo-element {property:value;}

举例:

:first-line 伪元素

"first-line" 伪元素用于向文本的首行设置特殊样式。

在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化:

1

2

3

4

p:first-line {

    color:#ff0000;   

    font-variant:small-caps;

}

注意:"first-line" 伪元素只能用于块级元素。

:first-letter 伪元素

"first-letter" 伪元素用于向文本的首字母设置特殊样式:

1

2

3

4

p:first-letter {

    color:#ff0000;   

    font-size:xx-large;

}

注意: "first-letter" 伪元素只能用于块级元素。

相关推荐:CSS教程

以上就是css伪元素是用来干嘛的的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中有哪些属性可以继承

css实现元素隐藏和显示的属性有哪些

css font-variant属性怎么用

img元素可以用css

css如何指定样式表使用的字符编码

css怎么设置字体倾斜样式

利用css实现一个简单的对号效果

css border-left属性怎么用

css怎么隐藏按钮

css怎么实现内容不可选

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...