이동 경로 아래에 이중 경계선을 제거하는 방법

Question

모든 범주 페이지의 이동 경로 아래에는 두 줄이 표시됩니다. 경계 바닥 CSS는 마진, 패딩이나 테두리 너비를 변경 만들기

border-bottom: 1px solid #color 

로 설정 한 경계 아래로 단지 1 개 라인을 변경하지 않습니다. 한 줄로 만드는 방법을 알아야합니다.

사이트 URL : http://www.catholic-collectibles.com/blroandpasa.html

Answer 1

단지 사용하는

.breadcrumbs .breadcrumbs { border: none } 

.breadcrumbs 외부에 .breadcrumbs div가 몇 개인가와 관계없이 여분의 회선을 보장하지 않습니다.

Answer 2

당신이 설명하는 스타일이 .breadcrumbs 설정하고이 클래스에 두 개의 중첩 된 div를, 그래서 스타일 모두에 적용된다. 해당 요소 중 하나에서 클래스를 제거하거나 올바른 요소에만 적용되도록 스타일 정의를 변경하십시오. 두 번째 .breadcrumbs 클래스를 변경할 수없는 경우

.breadcrumbs > .breadcrumbs { 
    border: none; 
} 

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> 

당신은 하나 개의 사업부를 삭제하거나 (이 CSS는 내부 .breadcrumb에 국경을 제거)이 CSS를 추가해야 이 : 당신이 외부 .breadcrumbs 사업부를 제거 할 수없는 경우, 가장 간단한 방법은

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

Answer 4

것은 당신이 할 수 있습니다