Bolehkah saya menggunakan Pembolehubah CSS dalam IE11 tanpa sokongan asli?

IE11: CSS Variables Polyfill

Soalan:

Bolehkah saya menggunakan pembolehubah CSS dalam IE11 tanpa orang asli sokongan?

Jawapan:

Ya, menggunakan CSS Vars Ponyfill.

CS Vars Ponyfill ialah pustaka JavaScript sisi pelanggan yang mengubah CSS sifat tersuai ke dalam nilai statik, membolehkan pelayar IE11 menyokong pembolehubah CSS. Ia menawarkan ciri seperti:

• Kemas kini langsung nilai masa jalan
• Transformasi pautan, gaya dan @import CSS
• Sokongan untuk var() berantai dan bersarang fungsi
• Integrasi dengan komponen web dan bayangan DOM

Penggunaan:

Sertakan isi kuda dalam halaman web anda:

<script src="https://unpkg.com/css-vars-ponyfill/dist/css-vars-ponyfill.js"></script>

Penghadan:

• Sokongan harta tersuai terhad kepada :root dan :host pengisytiharan.
• penggunaan var() terhad kepada nilai harta.

Contoh:

:root {
  --color: red;
}

p {
  color: var(--color);
}

:root {
  --size: 1em;
  --multiplier: 2;
}

p {
  font-size: calc(var(--size) * var(--multiplier));
}

Spesifikasi W3C:

• [CSS Custom Properties](https://www.w3.org/TR/css-variables-1/)
• [CSS Cascading and Inheritance Level 4](https://www.w3.org/TR/css -lata-4/#pesanan-lata)

Atas ialah kandungan terperinci Bolehkah saya menggunakan Pembolehubah CSS dalam IE11 tanpa sokongan asli?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!