css 更改斜线“/“面包屑的颜色

exdqitrt 于 2023-03-20 发布在其他

关注(0)|答案(2)|浏览(194)

如何改变breadcrumb中斜线颜色“/“。我试过在css中添加颜色，没有变化

<ol class="breadcrumb" style="font-size: 20px;">
   <li class="breadcrumb-item" href="/homepage/index.html">
      Home
   </li>
   <li class="breadcrumb-item">
      Package
   </li>
   <li class="breadcrumb-item">
      <span class="text-danger">Nusa Penida</span>
   </li>
</ol>

.section-details-header{
  min-height: 43px;
  background: ; 
  margin-top: -45px;
}

.section-details-content{
  color:#ffffff;
}
.breadcrumb{
  color:#fff;
 text-align: center;
 justify-content: right;
}

css

来源：https://stackoverflow.com/questions/75740304/change-color-slash-breadcrumb

2条答案

按热度按时间

qoefvg9y1#

/字符实际上是::before伪元素;用它来重新设计它们：

.breadcrumb > li + li::before {
  color: #f00 !important;
}

试试看：
x一个一个一个一个x一个一个二个x

赞(0）回复(0）举报 2023-03-20

6psbrbz92#

<ol class="breadcrumb" style="font-size: 20px;">
    <li class="breadcrumb-itemsection-details-header" href="/homepage/index.html">
      Home <span style='color:red'>/</span>
    </li>
   <li class="breadcrumb-item">
      Package <span style='color:red'>/</span>
   </li>
   <li class="breadcrumb-item">
      <span class="text-danger">Nusa Penida</span>
   </li>
</ol>

使用样式或类在相同的或新的li标记与斜线。

赞(0）回复(0）举报 2023-03-20

我来回答

css 更改斜线“/“面包屑的颜色

2条答案

相关问题

热门标签

最新问答