0

次のコードは、データベースからカテゴリを取得しています。SALE! という名前のカテゴリがあります。しかし、すべての色はすべて同じです..私の質問は、.css に対して、色を変更するだけでよいことをどのように「言う」ことができるかということです。販売の 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>

そう：

カテゴリーeen

  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 名は数字で始めることはできないため、次のような効果が得られます。

#category_0 {
    // styles
}

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

別の方法として、カテゴリ名を ID として使用することもできます (無効な文字と空白を取り除く限り)。

#SALE {
    // styles
}

<li id="SALE">SALE!</li>
于 2013-04-08T13:43:29.857 に答える
0

最も簡単なのは、リストを生成するときにその特定の行にクラスまたは ID を追加し、それを CSS ルールのセレクターとして使用できる場合ですが、それがオプションでない場合は、他の方法に頼る必要があります。オプション。

あなたが挙げた例では確実に言うのは少し難しいですが、「セール！」常にリストの最初の項目である場合、:first-child疑似クラスを利用して、次のような CSS ルールを作成できます。

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

より具体的にするために、カテゴリを含むリストのみに一致させるために、親の一部をセレクターに追加することで、ルールをより具体的にすることができます。#menu li:first-child

于 2013-04-08T13:40:27.557 に答える