Bolehkah Pembolehubah CSS Digunakan Di Dalam Fungsi `url()`?

Bolehkah Pembolehubah CSS Berinterpolasi dengan url()?

Walaupun penggunaan pembolehubah CSS yang meluas, masih terdapat batasan apabila ia melibatkan interpolasi mereka dalam fungsi url(). Had ini timbul daripada sifat warisan token url().

Dalam CSS moden, interpolasi sifat tersuai ialah ciri asas. Ia membenarkan nilai dinamik untuk dimasukkan ke dalam pelbagai fungsi, seperti rgba(). Walau bagaimanapun, fungsi url() berdiri sebagai pengecualian kepada peraturan ini.

Apabila menggunakan url(var(--url)), penghurai mentafsirkannya sebagai token url() tunggal, bukan sebagai gabungan token fungsi url() dan ungkapan berubah-ubah. Akibatnya, pembolehubah dianggap sebagai URL itu sendiri, menjadikan interpolasi tidak sah.

Untuk memintas isu ini, elakkan membina token URL daripada berbilang ungkapan pembolehubah dalam url(). Ini termasuk pendekatan seperti --uo: url(; --uc: ); dan latar belakang: var(--uo) var(--url) var(--uc);. Sifat tersuai tidak boleh mengandungi pembatas rentetan yang tidak sepadan atau bahagian token url()

Sebagai alternatif, JavaScript boleh digunakan untuk melakukan interpolasi dan bukannya var().

Atas ialah kandungan terperinci Bolehkah Pembolehubah CSS Digunakan Di Dalam Fungsi `url()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!