Pembolehubah Warna CSS - Peraturan atau pemilih diperlukan semasa menentukan warna CSS

Question

Salam, saya ada masalah berikut:

"Peraturan atau pemilih diperlukan semasa menentukan warna CSS

Saya menggunakan Kod VS dan saya telah menyemak CSS di https://jigsaw.w3.org/css-validator/validator#css

Saya tidak tahu apa masalahnya!

/* Color Variables */
$red: red;
$green: green;
$orange: orange;
$blue: blue;
$purple: purple;
$white: white;
$black: black;
$bg: /* #eff3f6 */ #e3e5e6;
$darkgray-blue: #354052;
$lightgray-blue: #7f8fa4;

/* Styles */
body {
  background: $bg;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
}

.text-red {color: $red !important;}
.text-green {color: $green !important;}
.text-orange {color: $orange !important;}
.text-blue {color: $blue !important;}

/* buttons */
.btn-red {
  background: $red;
  color: $white;
  font-size: xx-small;
  &:hover, &:focus {
    background: darken($red, 8%);
    color: white;
  }

Answer 1

Nampaknya terdapat sejenis pepijat dalam pengesah CSS. Jika anda mengalih keluar /* Color Variables */ ulasan atau ruang sebelum ulasan itu sendiri, ia akan menunjukkan ralat kepada anda - seperti yang sepatutnya, kerana ini bukan CSS.

Anda menggunakan Sass pembolehubah, sintaks peraturan dan fungsi. Anda harus menamakan fail anda style.scss 而不是 style.css untuk menandakan niat anda kepada kebanyakan alatan dan anda perlu melakukan ini jika anda belum mengkonfigurasi binaan Sass anda lagi. Tepat cara ia berfungsi bergantung pada alatan anda yang lain, tetapi tidak kira apa pun, pemalam akan ada (seperti pemuat sass webpack).