如果元素是该元素的前一个元素，它是如何在悬停时添加样式的？

Question

＆＃13;

＆＃13;

 @GET("groups")
    Observable <Groups> getAllGroups(@Header("Authorization") String auth,
                                   @Header("Content-type") String contentType,
                                   @Header("Accept") String accept
                                  );

＆＃13;

a:hover + ul{
display:none;
}

＆＃13;

＆＃13;

＆＃13;

我知道可以使用＆＃39; +＆＃39;添加样式到特定元素。如果它是紧接的下一个元素（如上所示）。即使元素是前一个元素，是否可以应用悬停？

Answer 1

使用css选择器是不可能的，但您可以使用某种黑客方式来更改Flexbox元素的顺序并使用+选择器。

＆＃13;

＆＃13;

div {
  display: flex;
  flex-direction: column;
}
strong:hover + p {
  color: blue;
}
p {
  order: -1;
}

＆＃13;

<div>
  <strong>hover me</strong>
  <p>change my color</p>
</div>

＆＃13;

＆＃13;

＆＃13;