More than 5 years have passed since last update.

😜【Sass】疑似要素使うときは&をちゃんと付ける

Last updated at 2020-01-13Posted at 2020-01-13

環境

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

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up