html - CSS breadcrumbs 帮助格式化字体

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;
 }