0

特定のクラスを持つ li 要素に css を適用する際に問題があります。その李の背景色を変更したいのですが、その方法が見つかりませんでした。CSSが親を制御できないことを知っているので、これが「親」を変更しているかどうかはわかりません。

CSS

.navi ul li { padding:20px; background-color: #00; }


.navi ul li + .current_location { background-color: #FFF; }

or

.navi ul li .current_location { background-color: #FFF; }

//will only change the background color of letters inside, no the li element.

current_location + ul li { background-color: #FFF; }

// will only apply to the children of the li which has class .current_location.



I want to change the li background color where it has class .current_location;

HTML

   <nav class="navi">
            <ul>
              <li>
                <a>General Config</a>
              </li>
              <li class="current_location">
                <a>Menu</a>
              </li>
              <li>
                <a>User Level</a>
              </li>
              <li>
                <a>User</a>
              </li>
              <li>
                <a>Tag</a>
              </li>
              <li>
                <a>Log</a>
              </li>
            </ul>
          </nav>

アドバイスありがとうございました

4

3 に答える 3

3

.navi ul li + .current_locationする必要があります.navi ul li.current_location。

フィドル

+セレクターは、要素の後に要素を選択するために使用されますnext。
例:要素の後に来るdiv+pすべての要素を選択します。例pdiv

于 2013-01-22T06:38:49.940 に答える
1

.navi ul li.current_location {背景色：#FFFFFF; }

于 2013-01-22T06:46:28.887 に答える
1

.current_locationとLIの間のスペースを削除します。次のように書きます。

.navi ul li.current_location { background-color: #FFF; }
于 2013-01-22T06:39:07.137 に答える