将border-left应用于jQuery bxSlider插件自动生成的第一个li元素

Question

我正在寻找一种方法，在jQuery bxSlider插件生成的第一个li 上应用border-left，这个插件是'active'，即有一个类pager。这是bxSlider插件生成的输出：

<div class="bx-window" style="position:relative; overflow:hidden; width:969px;">
    <ul id="carousel_items" style="width: 999999px; position: relative; left: -323px;">
        <li style="width: 304px; float: left; list-style: none outside none; opacity: 1;">CONTENT IN HERE</li>
        <li class="pager" style="width: 304px; float: left; list-style: none outside none; opacity: 1;">CONTENT IN HERE</li>
        <!-- other LIs in here -->
    </ul>
</div>

我不想在所有元素上应用1px border-left，因为这会导致连接元素的边界为2px，因为我也有1px的border-right。

Answer 1

#carousel_items.li:first-child { border-left:1px solid red; }