我需要知道,使用CSS,您是否可以同时使用两个选择器。
例如,我只想在元素的颜色上更改元素的颜色:同时在兄弟姐妹元素同时进行活动。
不幸的是,我只需要使用CSS进行操作,我希望这是可能的。
或多或少您所说的话,特别是
<p>
是.inner
兄弟节点,.inner
仅在具有:active
时才会更改 同时,您徘徊在<p>
标签上
单击时应用:active
,因此单击文本
.container {
padding-top:30px;
width:300px;
height:100px;
border:1px solid grey;
}
.inner {
width: 150px;
height:70px;
border:1px solid green;
margin:0 auto;
display:block;
text-align:center;
}
.inner:active p:hover {
color:red;
cursor:pointer;
}
<div class="container active">
<div class="inner">
<p> I am some text, click me </p>
</div>
</div>