如何刪除麪包屑下方的雙邊底線

Question

所有類別頁面上面包屑的下方都有兩行。邊界 - 底部CSS設置爲

border-bottom: 1px solid #color 

製作到餘量，填充或邊框寬度的任何變化不更改邊界底部只是1行。需要知道如何使其成爲一條線。

網站網址：http://www.catholic-collectibles.com/blroandpasa.html

Answer 1

如果您不能刪除外.breadcrumbs DIV，最簡單的方法是隻用

.breadcrumbs .breadcrumbs { border: none } 

保證你不會有任何額外的行，無論你有多少其他.breadcrumbs你有外面.breadcrumbs股利。

Answer 2

您所描述的樣式設置爲.breadcrumbs，你有這個類兩個嵌套的div，所以樣式應用於兩者。從其中一個元素中刪除類，或將樣式定義更改爲僅適用於正確的元素。

Answer 3

<div class="breadcrumbs"> 
    <div class="breadcrumbs"> 
     <a href="index.html"> Home</a> 
     <a href="shop-by-brand.html">Shop By Brand</a> 
     <a href="shop-by-brand-bliss.html">Bliss</a> 
    </div> 
</div> 

您需要刪除一個DIV或添加這個CSS（這個CSS消除了對內部.breadcrumb邊框）：

.breadcrumbs > .breadcrumbs { 
    border: none; 
} 

Answer 4

，如果你不能改變第二.breadcrumbs類，你可以做這樣的：

.breadcrumbs .breadcrumbs:nth-child(1) { 
    border: none; 
}