Question

我有这样的问题。我的标记：

public void checkTheAnswers(){
    System.out.println("FROMQUIZZID : " + fromQuizzId);
}

我需要选择 之后的span .circle。我不知道怎么做。选择器span .rectangle不起作用。 https://jsfiddle.net/kipris/refb2a6g/

Answer 1

实际上你不能。在css中你可以进入或进入下一个，但不能进入上一个。

尝试搜索其他方式。如果您说出原始问题，则可能存在某种解决方案。

Answer 2

像这样？

https://jsfiddle.net/refb2a6g/1/

<span>
    <i class="rectangle"></i>
</span>
<span>
    <i class="circle"></i>
</span>

i {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: red;
}
.circle {
  border-radius: 50%;
}

span + span i {
  background-color: green;
}

（如果我理解正确的话）

Answer 3

Css无法选择像我这样的父元素here 我建议把这样的容器放在

中

<span class="rectangle-container">
    <i class="rectangle"></i>
</span>
<span class="circle-container">
   <i class="circle"></i>
</span>

的CSS：

i {
 display: inline-block;
 width: 50px;
 height: 50px;
 background-color: red;
}
.circle {
 border-radius: 50%;
}

.rectangle-container + .circle-container .circle {
  background-color: green;
}

fiddle

CSS：选择包含在span中的下一个元素

3 个答案: