Css 在其他div中选择元素

Css 在其他div中选择元素,css,css-selectors,Css,Css Selectors,让我们先来看看下面的代码 <div class="div1"> <p>Hello There</p> </div> <div class="div-main"> <p>Hello There</p> </div> 但是它不应该工作。有任何工作函数吗?使用.div main>p{…}在.div main元素内选择p标记 但是,如果您只想直接选择.div1元素(?)后面的元素,请使用以下命令

让我们先来看看下面的代码

<div class="div1">
   <p>Hello There</p>
</div>
<div class="div-main">
   <p>Hello There</p>
</div>

但是它不应该工作。有任何工作函数吗?

使用
.div main>p{…}
.div main
元素内选择
p
标记

但是,如果您只想直接选择
.div1
元素(?)后面的元素,请使用以下命令:

.div1+.div主p{color:red;}

你好

你好


使用
.div1
以类
div1

使用
~
查找下一个
.div main

使用
以子
p

.div1~.divmain>p{
颜色:红色;
}

你好1

你好2

你好,梅因


首先,类选择器必须位于点“.div main”和“.div1”之前。守则:

.div1+.div主程序p{
颜色:红色;
}
.div2+div主管道p{
颜色:绿色;
}

下一个红色

你好

下一个果岭

你好

绿色?不

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>

.分区主分区p{
颜色:蓝色;
}

    <style>
    .div-main p {
        color:Blue;
    }
    </style>