1

CSS のヘルプが必要です。達成したいことが 2 つありますが、これまでのところ成功していません。サイトへのリンク: http://hn.k12.oh.us/testsite/district/

水平メニュー (プライマリ メニュー) 項目にカーソルを合わせると、三角形が表示されます。垂直メニューでこれを達成しましたが、水平メニューに表示できません。垂直メニューで起こっていることと同様にしたいと思います。

次のコードを使用しています。

#primary-menu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f7df2b;
  margin-left: -10px;
}

現在アクティブなメニュー項目に三角形を表示したいと思います。水平メニューまたは垂直メニューのどちらでもこれを機能させることができません。

次のcssで上記のことを試しました：

#primary-menu > ul > li.active a {
4

1 に答える 1

1 
#primary-menu > ul > li:hover:after {

する必要があります

#primary-menu ul > li:hover:after,
#primary-menu ul > li.current_page_item:after { ...

また

#primary-menu-menu > ul > li:hover:after,
#primary-menu-menu > ul > li.current_page_item:after { ...

親子関係を誤って指定しました。

于 2013-02-27T18:04:28.720 に答える