如何修改a :: after兄弟元素的css？

Question

UINavigationBar

我有一个select.form-control元素，当前在焦点上更改了它的边框颜色，但是还有一个div.select-picker :: after元素，所以它实际呈现如下：

<div class="form-group form-group-lg">
    <div class="select-picker">
        <select class="form-control"></select>
    </div>
</div>

现在边框只包含60％左右，因为它没有改变:: after的边框颜色，我尝试做类似的事情

<div class="form-group form-group-lg">
    <div class="select-picker">
        <select class="form-control"></select>
        div.select-picker::after
    </div>
</div>

但它没有工作

Answer 1

“+”运算符仅在div.select-picker实际位于select元素之后才有效。

您可以使用span元素（或类似元素）来模拟您的：在伪元素之后，并使用“+”运算符设置样式。