0

以下代码从我们的数据库中获取我们的类别。我们有一个名为：销售！但是所有的颜色都是一样的。我的问题是，我怎么能对我的 .css “说”他只需要改变颜色：SALE！销售 id 为 0，Apple 1、Samsung 2 等...

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

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

所以：

分类

  1. 销售！<<<颜色橙色
  2. 苹果
  3. 三星

至今：

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

但正如我所料，整个菜单发生变化而不是销售！只要..

4

2 回答 2

0

最简单的方法是，如果您可以在生成列表时向该特定行添加类或 ID，然后将其用作 CSS 规则的选择器，但如果这不是一个选项，您将不得不求助于其他选项。

用你给出的例子很难确定，但如果“销售！” always 是列表中的第一项，那么您可以使用:first-child伪类并构造一个 CSS 规则，如下所示：

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

为了使其更具体，仅匹配包含类别的列表，您可以通过将一些父级添加到选择器来使规则更具体，例如#menu li:first-child

于 2013-04-08T13:40:27.557 回答
0

类和 id 名称不能以数字开头，所以这种效果会起作用：

#category_0 {
    // styles
}

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

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

#SALE {
    // styles
}

<li id="SALE">SALE!</li>
于 2013-04-08T13:43:29.857 回答