来自数据库的特定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; }

但如我所料，整个菜单的变化，而不是出售！只有..

'＃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://*.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

答

class和id名称不能以数字开头，所以东西这种效应会工作：

#category_0 { 
    // styles 
} 

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

或者，您也可以使用类别名称作为ID（只要你去掉无效字符和空格）：

#SALE { 
    // styles 
} 

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

“id名称不能以数字开头”。他们可以在HTML5中。 – j08691 2013-04-08 13:44:28

来自数据库的特定ID的Css样式表？

相关推荐