html - 类后元素的选择器

Question

我想在 span 之后使用类 .pin 设置 span 的样式，但我不知道哪个选择器可以做吧。

.pin + span 对我不起作用(因为它可能不是为在调用结束时处理类而设计的)。

我的 HTML:

<span class="pin">
  <i class="fa fa-map-marker"></i>
</span>
<span>
  Some text
</span>

Answer 1

一切都以 3 种方式工作:
http://jsfiddle.net/1so6er9k/4/
CSS:

div:nth-child(1) > .pin + span {
     color:red;
}
div:nth-child(2) > .pin ~ span {
     color:red;
}

div:nth-child(3) {
    color: red;
}
div:nth-child(3) > .pin{
    color: black
}

HTML:

<div>
    <span class="pin"><i class="fa fa-map-marker"></i></span><span>Some text</span>
</div>
<div>
    <span class="pin"><i class="fa fa-map-marker"></i></span><span>Some text</span>
</div>
<div>
    <span class="pin"><i class="fa fa-map-marker"></i></span><span>Some text</span>
</div>

测试于:
IE 11.0.9600,
FF 38.0.1,

上的 Chrome 43.0.2357.81寡妇 7 x64

也许你不应该使用嵌套选择器。现在你不一定需要使用它。考虑您不使用嵌套选择器。这可以防止再次使用该类并使样式表更大。