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>