來自數據庫的特定ID的Css樣式表？

以下代碼正在從我們的數據庫中獲取我們的類別。我們有一個類別名稱：銷售！但所有的顏色都是一樣的。我的問題是，我如何「說」我的.css，他只需要改變顏色：銷售！拍賣的ID是0和1的蘋果，三星等2 ...來自數據庫的特定ID的Css樣式表？

<div id="maincontainer"> 
     <div id="menu"> 

      <h3><center><b>Categorieën</center></b></h3> 
      <hr width="100%"> 
      @Html.Action("CategoryList", "Categorie") 
     </div>

所以：

Categorieeen

銷售！ < < <橙色

蘋果

三星

到目前爲止：

div#menu{float:left;width: 130px; min-height:inherit;background-color: #ffffff; border-width: .1em; border-style:solid; border-color: #0404B4; text-align:center; margin:0; padding:0px; }

但如我所料，整個菜單的變化，而不是出售！只有..

來源

2013-04-08 momo

'＃0 {css here}'。注意事項：'

'在很久以前就被棄用了，所以儘量不要使用它，並且儘量不要使用以數字開頭的ID來實現最大的兼容性。 – j08691 2013-04-08 13:39:19

1.不要用數字來標識ID和Classes，CSS不會讀取它。 2.嘗試將獨特的類應用於容器並使其風格各異。 – 2013-04-08 13:39:36

可能的重複[如何更改1出菜單/模型的事情與CSS而不是整個模型/菜單？]（http://stackoverflow.com/questions/15900238/how-to-change-1-out-菜單模式 - 用css代替整個模型 - 菜單） – HerrSerker 2013-04-09 13:57:39

最容易的是，如果您可以添加一個類或ID到特定的行，當您生成列表，然後用它作爲您的CSS規則的選擇器，但如果這不是一個選項，你將不得不訴諸其他選擇。

對於您所舉的例子來說肯定有點難，但如果「出售！」總是在列表中的第一項，那麼你可以利用:first-child僞類和建造一個CSS規則是這樣的：

li:first-child { 
    color: #fc0; 
}

爲了更具體，只匹配包含的類別列表中，您可以通過在選擇器中添加一些父母來使規則更具體，例如#menu li:first-child

來源

2013-04-08 13:40:27

class和id名稱不能以數字開頭，所以東西這種效應會工作：

#category_0 { 
    // styles 
} 

<li id="category_0">SALE!</li>

或者，您也可以使用類別名稱作爲ID（只要你去掉無效字符和空格）：

#SALE { 
    // styles 
} 

<li id="SALE">SALE!</li>

來源

2013-04-08 13:43:29 cimmanon

「id名稱不能以數字開頭」。他們可以在HTML5中。 – j08691 2013-04-08 13:44:28

來自數據庫的特定ID的Css樣式表？

回答

相關問題