css3マルチクラスセレクターの使い方の詳しい説明-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

css3マルチクラスセレクターの使い方の詳しい説明

Mar 22, 2018 am 10:17 AM

css3 セレクタ

今回は、css3 マルチクラスセレクターの使い方と、css3 マルチクラスセレクターを使用する際の注意点について詳しく説明します。以下は実際のケースです。見てみましょう。次のコードでは、css3 タイプセレクター

要素セレクター

の組み合わせと、複数タイプセレクターの使用法を紹介します。具体的なコードは次のとおりです:

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        .p2{font-size:30px;}
        /*结合元素选择器*/
        p.p1{color:rebeccapurple;}
        /*多类选择器*/
        .p1.p2{font-style: italic;}
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;p class=&quot;p1&quot;&gt;看我&lt;/p&gt;
    &lt;p class=&quot;p1&quot;&gt;我就是我&lt;/p&gt;
    &lt;p class=&quot;p2&quot;&gt;我是一段文字&lt;/p&gt;
    &lt;p class=&quot;p1 p2&quot;&gt;我还是斜体字&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー

のケースを読んだ後は、この方法を習得したと思います。この記事では、php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

Bootstrap が価格表を実装する

CSS がブラウザのデフォルトスタイルを処理する方法

CSS には 3 列レイアウトを実装する方法がいくつかあります

以上がcss3マルチクラスセレクターの使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。