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

CSS breadcrumbs帮助格式化字体

1 个答案: