のは、最初のを見てみましょうコードが他のdiv内の要素を選択する
<div class="div1">
<p>Hello There</p>
</div>
<div class="div-main">
<p>Hello There</p>
</div>
をbolow私はdiv1でdiv-mainで<p>を選択したい私は<p>を選択することができますどのような場合.IN div2の代わりdiv1を持っている.suppose div-main
の私が試した：
div1+div-main p{}
しかし、それはうまくいかないはずです。そこに働く機能はありますか？ .div-main要素
内pタグを選択する
使用.div-main > p {...}しかし、あなたは唯一の直接.div1要素を、以下のものを選択したい場合は、この使用（？）：
.div1+.div-main p { color: red; }<div class="div1">
<p>Hello There</p>
</div>
<div class="div-main">
<p>Hello There</p>
</div>.div1を使用してクラスをターゲットにするdiv1
すべてのクラスセレクタの最初にドット」.div-mainから先行されなければならない次の.div-mainクラスにp
.div1 ~ .div-main > p{
\t color: red;
}<div class="div1">
<p>Hello There 1</p>
</div>
<div class="div2">
<p>Hello There 2</p>
</div>
<div class="div-main">
<p>Hello There Main</p>
</div>子供をターゲットにする
使用>を見つけるために使用~ "と" .div1 "です。コード：
.div1+.div-main p {
color:red;
}
.div2+.div-main p {
color:green;
}<div class="div1">
<p>next red</p>
</div>
<div class="div-main">
<p>Hello There</p>
</div>
<div class="div2">
<p>next green</p>
</div>
<div class="div-main">
<p>Hello There</p>
</div>
<div class="div-main">
<p>Green ? no!</p>
</div>HTML
<body>
<div class="div1">
<p>Hello There</p>
</div>
<div class="div-main">
<p>Hello There</p>
</div>
</body>
CSS
<style>
.div-main p {
color:Blue;
}
</style>
https://www.w3schools.com/code/tryit.asp?filename=FEVSB2EMHKLD