CSS を使用して既存のメニューのスタイルを複製しようとしています。
私が使用している CMS プラットフォームには、ナビゲーション用の特定のスタイルが付属しています。その下に新しいメニューを追加し、オリジナルと同じように見せようとしています。ナビゲーションを含む div に ID "wpmenu" を追加しましたが、セレクターが選択されません。jsfiddle を作成しましたが、jsfiddle は機能します。
本当にイライラするし、どこを向いたらいいのかわからない。HTML と CSS はこちら: http://jsfiddle.net/nRrKW/
失敗していると思われる特定のセレクターは#wpmenu li a
繰り返しますが、jsfiddle では機能しますが、私の Web サイト (advance.trashswag.com) では機能しません。
「wpmenu」div 内で新しく作成された UL ナビゲーションに次の CSS が適用されることを期待していました。
#wpmenu li a {
display: block;
position: relative;
padding: 7px 12px;
color: #fff;
overflow: hidden;
text-transform: uppercase;
font-size: 120%;
}
しかし、サイトの要素を検査すると、スタイルはそれらの要素に適用されません。
ここで私が見逃していることを誰かが指摘できますか?