HTML 内の 1 つの要素に対して複数の CSS クラスを使用する

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 サイトの他の関連記事を参照してください。