html - CSS 面包屑帮助格式化字体

Question

我在同一个 DIV 标签上更改字体颜色装饰等时遇到了一些困难。

我想做的是在我网站的某些页面上进行面包屑导航，我想尽量减少我使用的 Div 的数量，以便更容易维护。

这就是我拥有和想做的事情。

 <div id="product-breadcrumbs">
 <div id="breadcrumbs">(Link and color) //   (another link and another color) 
 </div>
 </div>  

CSS

 #product-breadcrumbs {
position: absolute;
left: 0px;
top: 66px;
width: 1024px;
height: 34px;
background-color: #E7E5F2;
 }

 #breadcrumbs {
position: relative;
padding-top: 7px;
padding-bottom: 7px;
text-align: left;
text-indent: 140px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #09C;
text-decoration: none;
 }

Answer 1

编辑：重读你的问题（你是对的，我确实读错了）。您可以通过为您的链接提供课程来实现这一点，不是吗？

 <div id="product-breadcrumbs">
      <div id="breadcrumbs">
           <a href="#" class="colorOne">A link</a>
           <a href="#" class="colorTwo">Another link</a> 
      </div>
 </div>

使用以下 CSS：

 #breadcrumbs a.colorOne {
      color: black;
 }
 #breadcrumbs a.colorTwo {
      color: blue;
 }