2013-03-18 77 views
-1

我在跨同一個DIV標籤更改字體顏色裝飾效果時遇到了一些困難。CSS breadcrumbs幫助格式化字體

我想要做的是在我的網站的某些頁面上做麪包屑類型導航,我想盡量減少金額或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; 
} 
+1

請詳細說明到底是什麼 「有些困難」 是。 – j08691 2013-03-18 21:04:48

+0

請詳細說明幾個額外的div如何使其難以維護。 – Jeff 2013-03-18 21:06:36

回答

2

編輯:重讀你的問題(你是對的,我沒看錯的話)。你可以通過給你的鏈接上課來完成這個任務,不是嗎?

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

我讀它的方式是伊恩,他希望鏈接在同一個div內是不同的顏色。 – Jeff 2013-03-18 21:10:44

+0

你是對的,我完全誤解了它。 – Ian 2013-03-18 21:14:06

+0

好吧,我不知道你可以有2個單獨的鏈接類在同一個div內。是否有可能將類分配給div中的其他東西,我可以使用它來獨立控制鏈接的顏色?或者您的建議是否適用於此? – 2013-03-18 21:24:53