00001.【CSS】演示before的简单案例 – 小桀的笔记本

需求

演示::before的简单案例

实现

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15



<template>
  <a>这是一个a标签</a>
</template>

<script setup>

</script>

<style scoped>
a::before {
  content: "♥";
}
</style>

小结

对::before的不是很清晰了

before是一个伪类元素，用于创建一个伪元素，并将其设置为选中元素的第一个元素，插入到选中元素的其他子元素之前。::before需要content属性来指定内容。

对content的概念也不是很清晰了

参考

::before (:before)