從Twitter中刪除一個分隔符Bootstrap 3.0

Question

我在每個頁面上都有Breadcrumb。我想將兩個麪包屑拉到右邊，但是我想在拉第一個元素之前刪除分隔符。我搜索並找到了刪除或替換所有分隔符的方法，但不僅僅是一個。

<ol class="breadcrumb"> 
    <li><a href="../index.php">Home</a></li> 
     <li><a href="index.php">Merchandise</a></li> 
     <li>Stickers</li> 
     <li class="pull-right">View Cart</li> 
     <li class="pull-right">Checkout</li> 
</ol> 

我想刪除貼紙和查看購物車之間的分隔符。

感謝您的幫助。

Answer 1

您可以用純CSS

.breadcrumb > li + li.pull-right:last-child:before { 
    content: ""; 
} 

Answer 2

您可以添加一個類要上取下分離預期li：

$('.breadcrumb li').last().addClass('remove'); 

然後重置該li元素的內容之前，只能用：

.breadcrumb li.remove:before { 
    content: '';  
} 

Bootply Demo

---

如果你喜歡純CSS的解決方案，那麼你可以使用:last-child

.breadcrumb li:last-child:before { 
    content: ''; 
} 

Bootply Demo

Answer 3

這裏做它的另一個CSS選擇器的方法：

.breadcrumb>li+li:nth-last-child(1):before { 
    content: " "; 
} 

http://www.bootply.com/124329