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

需求

演示::before的简单案例

实现

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21



<template>
  <q>一些引用</q>, 他说，<q>比没有好。</q>.
</template>

<script setup>

</script>

<style scoped>
q::before {
  content: "<<";
  color: blue;
}

q::after {
  content: "<<";
  color: red;
}
</style>

小结

color属性不够熟悉

参考

::before (:before)