.css ファイルを .less ファイルにインポートするにはどうすればよいですか?

.css ファイルを .less ファイルにインポートする

他の .less ファイルを .less プロジェクトにインポートするのが一般的ですが、 .css ファイルをインポートすることが可能です。ただし、このプロセスには追加の手順が必要です。

.less ファイルに .css ファイルを含めるには、@import ディレクティブを使用してインポートするファイルの種類を指定する必要があります。たとえば、style.css をインポートする場合は、次のように記述します。

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

ファイル パスの前に (css) を指定すると、インポーターは style.css を CSS ファイルとして扱うように強制されます。これにより、style.css で定義されたすべてのクラスまたはスタイルが .less ファイル内で使用できるようになります。

たとえば、style.css に .type というクラスが含まれているとします。 (css) ディレクティブを指定せずに .less ファイルでこのクラスを使用しようとすると、.less コンテキスト内で .type が定義されていないため、エラーが発生します。ただし、次のコードを使用すると:

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

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

style.css で定義されたスタイルを参照し、.type などのクラスにシームレスにアクセスできます。

以上が.css ファイルを .less ファイルにインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。