環境

Laravel 6.5.0
Vue.js

やりたいこと

::beforeとか::afterとかで任意の要素周辺を修飾できる疑似要素
Sassで使用する場合は必ず「&」を付加しないといけなかった

やったこと

🔵文言の前に✬が付く

hoge.sass

.message
  font-weight: bold
  color: #ffffff
  background-color: #ff0000
  &::before
    content: "✬"
    background-color: #ff0000
    color: #000000

❌コンパイルは通るが機能しない

hoge.sass

.message
  font-weight: bold
  color: #ffffff
  background-color: #ff0000
  ::before
    content: "✬"
    background-color: #ff0000
    color: #000000