CSS をより速く作成するには、複数のクラスを 1 つの HTML 要素に割り当て、各クラスを個別にスタイル設定します。このアプローチにより、スタイル アプリケーションの冗長性を管理できるようになります。共通のスタイルを多くのクラスに適用したり、カテゴリ固有のスタイルを特定のカテゴリに適用したりできます。
＃＃＃文法＃＃＃
リーリー
＃＃＃例＃＃＃
次の例では、クラス "Varma" のスタイルを 2 つの段落に適用するために使用し、2 番目の段落には Secondclass varma1 のスタイルが適用されます。
リーリー
上記のスクリプトを実行すると、結果が生成されます。これは、2 つの CSS スタイルを使用したテキスト「チュートリアルポイントへようこそ」と、1 つの CSS スタイルを使用したテキスト「こんにちは」を組み合わせたものです。
例: JavaScript の使用
次の例では、.bg-blue スタイルと .text-white スタイルを宣言することで、1 つのテキストに 2 つのスタイルを追加しています。
リーリー
スクリプトを実行すると、「チュートリアル ポイントへようこそ」という 2 つの CSS スタイルが適用されたテキスト出力が生成されます。
以上がHTML 内の 1 つの要素に対して複数の CSS クラスを使用するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
