「アクティブ」な 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 の境界線につながるためです。