仅使用CSS选择另一个元素之前的元素

Question

我想仅使用css将绿色放置在旁边具有“有效”类的元素i上。

<i>Hello</i>
<input type="text" class="valid">

.valid ~ i
{
 color: #00c851 !important;
}

http://jsfiddle.net/e4tubpkv/

Answer 1

CSS无法做到这一点。没有"previous sibling"选择器。