有没有办法只在两个选择器没有javascript的情况下选择一个元素？

Question

我需要知道，使用CSS，你是否可以同时使用两个选择器作为if条件。

例如，我想仅在以下情况下更改元素的颜色：在兄弟元素的同时处于活动状态：悬停。

不幸的是我只需要使用CSS，我希望它是可能的。

Answer 1

  

或多或少说了什么，特别是如果<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>