1

私はかなり長い間コーディングしていますが、以前はこの問題に遭遇したことがないようです。または、微調整を忘れただけなので、迷惑です:)

WordPress サイトをセットアップしました。メニュー リンクは次のとおりです:(テキスト)

定義されたCSS（部分）：

link (color:white;)
visited (color:white;)
hover (color:black;)
active (color:black)

今問題は、私が定義した

現在のメニュー項目

ワードプレスでは、フォントの色を除いてすべてが変更されています...「訪問済み」が色を上書きしているようです...これを修正するにはどうすればよいですか?

CSS:

#pages ul li { float: right; 表示ブロック; 高さ: 37px; パディング: 0px; }
        #pages ul li a:link { float: left; 色: #FFF; 表示ブロック; 高さ: 29px; フォントサイズ: 11px; パディング: 7px 20px 0px 20px; マージン: 0px; }

#pages ul li a:visited {float: left; 色:#fff; 表示ブロック; 高さ: 29px; フォントサイズ: 11px; パディング: 7px 20px 0px 20px; 余白: 0px;}

#pages ul li a:hover { background-position: top; バックグラウンドリピート: リピートなし; マージン: 0px; 色: 黒;}
#pages ul li a:active {background-position: top; バックグラウンドリピート: リピートなし; マージン: 0px; 色: 黒;}
.current-menu-item a:link、.current-post-ancestor a:link、.current-menu-parent a:link、.current-post-parent a:link {background-position: top; バックグラウンドリピート: リピートなし; マージン: 0px; 色: 黒; }
4

2 に答える 2

1

CSS階層

セレクターは 2 レベルの深さしかありません .current-menu-item a:link、.current-post-ancestor a:link、.current-menu-parent a:link、.current-post-parent a:link

wordpress セレクターは 4 レベルの深さ #pages ul li a:visited であり、CSS ルールよりも重みのある ID も持っています。

css ルールに ID とセレクターを追加してブラウザで読み取れるようにし、WP の css ルールを上書きしてみてください。

于 2012-11-20T08:19:57.320 に答える
0

リンク、訪問、ホバーなどのスタイルを設定する css ファイルの後に、メニュー css がロードされていることを確認してください。

または、前の方法が不可能な場合は、current-menu-item スタイルの color プロパティを !important にします:

.current-menu-item {
    color: #000 !important;
}
于 2012-11-20T07:44:56.657 に答える