0

我正在寻找一种方法来在第一个上应用一个左边框li ，它是由 jQuery bxSlider 插件生成的，它是“活动的”，即有一个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 左边框，因为这会导致连接元素的边框为 2 像素，因为我也有 1 像素的右边框。

4

1 回答 1

2 
#carousel_items.li:first-child { border-left:1px solid red; }
于 2012-09-04T16:37:43.253 回答