Apakah pembolehubah dalam css

Dalam CSS, pembolehubah merujuk kepada atribut tersuai, yang mempunyai pengecam undang-undang dan nilai undang-undang dan boleh digunakan di mana-mana sahaja. Pembolehubah CSS mempunyai akses kepada DOM, yang bermaksud pembangun boleh mencipta pembolehubah dengan skop tempatan atau global, mengubah suai pembolehubah menggunakan JavaScript dan mengubah suai pembolehubah berdasarkan pertanyaan media.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Sifat tersuai CSS juga dipanggil pembolehubah CSS. Pembolehubah mempunyai pengecam undang-undang dan nilai undang-undang dan boleh digunakan di mana-mana sahaja. Gunakan pembolehubah melalui fungsi var(). Contohnya: var(--example) akan mengembalikan nilai yang sepadan dengan --contoh. Fungsi

var() digunakan untuk memasukkan nilai pembolehubah CSS.

Pembolehubah CSS mempunyai akses kepada DOM, yang bermaksud anda boleh membuat pembolehubah dengan skop tempatan atau global, mengubah suai pembolehubah menggunakan JavaScript dan mengubah suai pembolehubah berdasarkan pertanyaan media.

Cara yang bagus untuk menggunakan pembolehubah CSS melibatkan warna reka bentuk anda. Anda boleh meletakkannya dalam pembolehubah dan bukannya menyalin dan menampal warna yang sama berulang kali.

Penggunaan asas:

• Isytihar pembolehubah setempat:

element {
  --main-bg-color: brown;
}

• Gunakan pembolehubah setempat:

element {
  background-color: var(--main-bg-color);
}

• Isytihar pembolehubah CSS global:

:root {
  --global-color: #666;
  --pane-padding: 5px 42px;
}

• Gunakan pembolehubah CSS global:

.demo{
   color: var(--global-color);
}

Tambahan

• : root ialah CSS Kelas pseudo yang sepadan dengan elemen akar pepohon dokumen. Untuk HTML, :root mewakili elemen yang sama dengan pemilih html, kecuali dengan keutamaan yang lebih tinggi. Jadi kami biasanya menulis atribut tersuai dalam :root{}, dan elemen dalam teg html akan mewarisinya.

• Sifat tersuai CSS boleh dilantunkan: setiap sifat tersuai boleh muncul berbilang kali dan nilai pembolehubah akan dikira menggunakan algoritma lata dan nilai sifat tersuai.

• Pembolehubah CSS tidak menyokong perisytiharan !penting, sila ambil perhatian bahawa ia hanyalah perisytiharan.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah pembolehubah dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!