1

ここに私が取り組んできたクライアント サイトがあります: http://sedonastory.com

選択したページで、そのページのメイン メニュー リスト項目にカーソルを合わせると、ドロップダウン リストのリンクが間違った色になります。それらは白で、濃い灰色である必要があります (#444444)。

たとえば、[About] リンクをクリックしてそのページに移動し、[About] メニュー リンクにもう一度カーソルを合わせると、選択されていない他のメニュー リスト項目と色が異なります。

色をグレーに変更するために考えられるすべてのことを試しました-これは簡単なはずです（そしておそらくそうです）！

#nav 
{ position: absolute; 
  z-index: 300; 
  top: 72px; 
  right: 0; 
  }  
#nav ul {
  list-style: none; 
  margin: 0; 
  padding: 0; 
  }  
#nav ul li { 
  position: relative; 
  float: left; 
  padding: 75px 0 5px; 
  margin: 0 14px 0 0; 
  font-size: 18px; 
  font-weight: bold; 
  }  
#nav ul li a { 
  padding: 0 7px; 
  color: #444; 
  text-decoration: none;
  font-family:'ralewayregular',sans-serif;
  }  
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus { 
  color: #931e74; 
  }  
#nav ul li.selected { 
  background: #d6a66d; 
  }  
#nav ul li.selected a { 
  color: #fff; 
  }  
#nav ul li em { 
  position: absolute; 
  left: -10001px; 
  top: -10001px; 
  }  
#nav ul li li { 
  float: none; 
  display: block; 
  padding: 0; 
  margin: 0; 
  border-top: 1px solid #fff; 
  font-size: 14px;color:#444; 
  }  
#nav ul li li:first-child { 
  border-top: 0;
  color:#444; 
  }  
#nav ul li li a { 
  float: none; 
  display: block; 
  padding: 11px 0; 
  color: #444; 
  }  
#nav ul li li.selected a { 
  color: #444;
  background:#F4E2CC; 
  }  
#nav ul li li a:hover, #nav ul li li a:active, #nav ul li li a:focus { 
  color: #a1117c;
  background-color:#F4E2CC; 
  }
4

1 に答える 1

1

子セレクターを使用して、最上位リンクのみに白色を適用します。

#nav ul li.selected > a {
    color: #fff;
}
于 2013-06-15T19:43:28.403 に答える