javascript - jQuery bxSlider プラグインによって自動生成された最初の li 要素に、border-left を適用します。

Question

「アクティブ」な jQuery bxSlider プラグインによって生成された最初のli のみに境界左を適用する方法を探しています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 の左端の境界線を適用したくありません。これは、1px の右端の境界線も持っているため、要素を結合する際に 2px の境界線につながるためです。

Answer 1

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