CSS :before选择器,在内容之前插入内容

:before选择器

CSS的:before选择器,可以在匹配到的HTML元素的内容前面插入content属性规定的内容,而且一般情况下,content的规定的插入的内容为文本的内容,语法如下:

ele:before{content:'value';anotherAttribute:value...}

提示:anotherAttribute设置的是content中的内容的CSS样式。


:before选择器实例代码,及在线编辑器

<p id="b">这个段落的前面将用:before插入一些内容,字体的颜色值为skyblue:</p>

<style>
  #b:before{content:"这是插入的内容,颜色为skyblue,即content后面的color属性定义的";color:skyblue;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.