美文网首页
:before选择器

:before选择器

作者: 任仪凡 | 来源:发表于2018-08-14 19:37 被阅读0次

在每个元素的内容之前插入新内容:

<p>小哪吒</p>
p:before{
    content: '我们的朋友:';
}

:before选择器和:after选择器一样,不过是一个在元素前插入新内容,一个在元素后插入新内容
h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    height: 24px;
    width: 4px;
    background: #0984e3;
}

图中的蓝色线就是用:before选择器写出来的

相关文章

网友评论

      本文标题::before选择器

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