html - 有没有办法在没有javascript的情况下仅在两个Selector true时选择一个元素？

Question

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

例如，我只想在同级元素处于 :hover 的同时处于 :active 状态时更改元素的颜色。

不幸的是，我只需要用 CSS 来做，我希望这是可能的。

Answer 1

More or less what you said, specifically if <p> is an .inner sibling node, .inner should change only when it had :active meanwhile you hovered on the <p> tag

: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>