有没有办法仅在没有JavaScript的两个选择器true时选择一个元素



我需要知道,使用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>

最新更新