ホームページ > 記事 > ウェブフロントエンド > CSS親子の使い方
フロントエンドプロジェクトに取り組んでいるときは、要素をより便利に維持、検索、使用できるように、要素モジュール間の親関係を明確にする必要があります。今日は良い紹介をさせてください。
CSS の親について簡単に説明します。CSS の子は相対的です。たとえば、DIV "A" は別の DIV "B" によってラップされているため、同じ理由で B が A の親であると考えることができます。
DIV のネストされた関係は、理解を容易にするために、親子の関係と比較されます。
、例:
DIV CSS親子記述例:
CSSコード
.yangshi{...} .yangshi .yangshi_a{ ...} .yangshi .yangshi_b{ ...}
Divコード
<div class="yangshi"> <div class="yangshi_a">内容a</div> <div class="yangshi_b">内容b</div> </div>
ここで、上記のdiv+cssコードでは、yangshi_aの親(上位)はyangshiであると考えることができます。 。
このようにして CSS ポインター properties を利用することができます。 div css では、最終的な CSS スタイルに同じ名前の プロパティ セレクター を持たせることができますが、異なる値を割り当てることができます。
このように、.yangshi .yangshi_a を通じて、yangshi_a の親が yangshi であることが一目で分かりますその他関連記事!
関連書籍:以上がCSS親子の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。