1

我目前有一个像这样设置多个字段的表单（我们使用的是 Twitter Bootstrap）：

<div class="input-prepend">
  <span class="add-on"><i class="icon-envelope"></i></span>
  <input id="contactEmail" type="text" placeholder="E-mail" />
</div>

我想要做的是当文本框获得焦点（#contactEmail:focus）时，改变背景颜色span.add-on。我熟悉 CSS 选择器来获取下一个兄弟，但这只有在文本框紧接在前面 span.add-on时才有效。有没有办法只使用 CSS 来获取前一个兄弟姐妹？我们不支持 IE7 或更低版本，所以任何适用于 IE8+ 的东西都会很棒。

提前致谢！

4

2 回答 2

1

不，没有办法只使用CSS 来选择前一个兄弟姐妹。然而，它可以简单地通过使用 Javascript/jQuery（分别为.previoussibling和.prev()）来实现。

于 2013-03-29T13:03:34.830 回答
0

使用 css 实现以前的兄弟是不可能的

于 2013-03-29T13:04:47.877 回答