BLOGブログ
2024/07/23
【CSS基礎】子・孫指定
下記のように、『親要素 (半角スペース) 要素』と指定すると、親要素内の全ての指定要素にCSSが適用されます。
<style>
.container p{
color: red;
}
</style>
<body>
<div class=”container”>
<p>指定されました</p>
<div class=”wrapper”>
<p>指定されました</p>
</div>
<p>指定されました</p>
</div>
</body>
『親要素 > 子要素』と指定すると、親要素の直下の子要素のみにCSSが適用されます。
<style>
.container p{
color: red;
}
</style>
<body>
<div class=”container”>
<p>指定されました</p>
<div class=”wrapper”>
<p>指定されません</p>
</div>
<p>指定されました</p>
</div>
</body>
CONTACTお問い合わせ
サービスに関するお問い合わせやお見積もり・ご相談などお気軽にご相談ください。