CSS Variable 使用 String | 次世代 Hugo

::before 與 ::after 常搭配 String，事實上 String 也可用在 CSS Variable。

Version

CSS 3

String

everywhere 使用 ::after 顯示。

<template>
  <div class="title">JavaScript</div>
</template>

<style scoped>
* {
  --postfix: ' everywhere';
}

.title::after {
  content: var(--postfix);
}
</style>

第 6 行

* {
  --postfix: ' everywhere';
}

• --postfix：將 everywhere string 定義到 --postfix

10 行

.title::after {
  content: var(--postfix);
}

• ::after：使用 --postfix 所定義的 everywhere

Conclusion

• 除了 Number 外，String 也能用於 CSS variable

Reference

Coder’s Block, What Can You Put in a CSS Variable ?