Bagaimanakah saya boleh mengimport fail .css ke dalam fail .less saya?

Mengimport Fail .css ke dalam Fail .less

Walaupun menjadi amalan biasa untuk mengimport fail .less lain ke dalam projek .less anda, ia juga mungkin untuk mengimport fail .css. Walau bagaimanapun, proses ini memerlukan langkah tambahan.

Untuk memasukkan fail .css dalam fail .less anda, anda mesti menentukan jenis fail yang anda import menggunakan arahan @import. Contohnya, jika anda ingin mengimport style.css, anda akan menulis:

<code class="less">@import (css) "../style.css";</code>

Dengan menyatakan (css) sebelum laluan fail, anda memaksa pengimport untuk merawat style.css sebagai fail CSS. Ini memastikan bahawa mana-mana kelas atau gaya yang ditakrifkan dalam style.css akan tersedia dalam fail .less anda.

Sebagai contoh, katakan style.css mengandungi kelas yang dipanggil .type. Jika anda cuba menggunakan kelas ini dalam fail .less anda tanpa menyatakan arahan (css), anda akan menghadapi ralat kerana .type tidak ditakrifkan dalam konteks .less. Walau bagaimanapun, dengan menggunakan kod berikut:

<code class="less">@import (css) "../style.css";

.small {
    font-size:60%;
    .type;
}</code>

anda boleh merujuk gaya yang ditakrifkan dalam style.css dan mengakses kelas seperti .taip dengan lancar.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengimport fail .css ke dalam fail .less saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!