ホームページ  >  記事  >  ウェブフロントエンド  >  CSS親子の使い方

CSS親子の使い方

php中世界最好的语言
php中世界最好的语言オリジナル
2017-12-01 14:51:584738ブラウズ

フロントエンドプロジェクトに取り組んでいるときは、要素をより便利に維持、検索、使用できるように、要素モジュール間の親関係を明確にする必要があります。今日は良い紹介をさせてください。

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 であることが一目で分かります


これらの事例を読んだ後は、あなたはその方法をマスターしたと思います。 php中国語サイト

その他関連記事!

関連書籍:

Css3 で変換グラデーション属性を使用する方法

動的なスイッチ効果を作成する Css3 の手順

CSS3 で HTML5 フォームを最適化する手順

以上がCSS親子の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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