美文网首页前端Web 前端开发
CSS:before和after选择器(伪元素)

CSS:before和after选择器(伪元素)

作者: 花花0825 | 来源:发表于2016-08-09 10:02 被阅读61次

“伪元素”,顾名思义,它创建了一个虚假的元素,并插入到目标元素内容之前或之后。

:before和:after伪元素编码非常简单(和大多数的css属性一样不需要一大堆的前缀)。

:before选择器在被选元素的内容前面插入内容,在样式里面用content属性来指定要插入的内容。


eg:在样式中

p:before{content: "#";}                        p:after{content: "#";}


1:p:before和p:after来目标锁定相同的元素,严格来说,在代码中的他们是伪元素。

2:在内容模块中提到,伪元素如果没有设置"content"属性,伪元素是没有用的。


在jQuery中使用before

其中before()方法在被选元素前插入指定的内容。

相关文章

网友评论

    本文标题:CSS:before和after选择器(伪元素)

    本文链接:https://www.haomeiwen.com/subject/jxtdsttx.html