Css для хлебных крошек :last-child:after

.breadcrumbs li a:after { 
  display: inline-block; 
  padding-left: 5px; 
  content: '»'; 
} 
 
.breadcrumbs li:last-child a:after { 
  content: none; 
}   

<div class="breadcrumbs"> 
  <ul> 
    <li><a href=" ">Главная</a></li> 
    <li><a href=" ">Категория</a></li> 
  </ul> 
</div>

ul { 
  list-style-type: none; 
} 
 
li { 
  display: inline-block; 
} 
 
a { 
  position: relative; 
  display: inline-block; 
} 
 
.breadcrumbs li+li:before{ 
  display:inline-block; 
  padding-left:5px; 
  content:'»'; 
}

<div class="breadcrumbs"> 
    <ul> 
      <li><a href=" ">Главная</a></li> 
      <li><a href=" ">Категория</a></li> 
    </ul> 
  </div>