"相邻"元素的CSS选择器

Question

需要一些CSS选择器的帮助,因为我不知道如何在CSS中表达这一点.当一个:invalid伪类出现在input元素上时,如何显示最后一个跨度"Error" (当然,当no :invalid存在时隐藏)？没有Javascript,只有CSS请.

<div class="row-fluid">
    <div class="control-group control-field-nickname">
        <span class="span3 offset1">
            <label>{{ msgs.mid("nickname") }}</label>
        </span>
        <span class="span3 input-prepend">                              
            <i class="add-on icon-user"></i>
            <input class="form-field" type="email" id="field-nickname">
        </span>
        <span class="span1">Error!</span>
    </div>
</div>

Answer 1

你不能.

CSS没有表达"包含"的选择器/组合器,因此您不能说"与包含无效输入的范围相邻的范围".

选择器等级4 的建议主题特征将允许您选择除选择器中出现的最后一个元素之外的元素,但(AFAIK)不允许您上升然后向下.