0

私はこの小さな映画のウェブサイトに取り組んでおり、一時的にhttp://ivanfuentes.com/nolovelost/でホストしています。

映画の仕事を失った後、私は別の情熱を持っているウェブページに取り組み始めることにしました...私は多くの html5 と css3 を学んでいますが、発見したように、まだ初心者です...私のクライアントが私に頼んだのですWordpress サイトを構築し、アタワルパを見つけたとき、それを採用するのは素晴らしいアイデアだと思いました。そうすれば、彼は自分のサイトを簡単に制御できます。二度と!これからは、できる限りゼロから始めようと思います。

彼は、現在のページをサイド メニューに別の色で表示したいと考えています。そのために、Wordpress の current_page_item 識別子を使用しました。さまざまなパラメーターを試してみたところ、実際に機能し、たとえば、すべてのテキストを大文字に変換しました。しかし、何らかの理由でまだわかりません。テキストの色は変わりません!

Chrome の「Inspect element」オプションを使用してコードを確認したところ、ブラウザはアイテムを「current_page_item」として識別しましたが、特定の色の変更を適用したくないだけでした (取り消し線が引かれています)。

誰がそれが何であるか知っていますか?私はこれを理解しようとして脳細胞を破壊してきましたが、これまでのところ成功していません...これ以上の説明がなくても、どこを探すべきかについてのヒントだけでも、助けていただければ幸いです。私が今持っているすべての仕事。また、初心者になるのをやめるために他のアイデアを提案したい人がいれば、喜んで聞いたり読んだりします。

ありがとう!

4

1 に答える 1

0

CSS のヒント:

CSS が具体的であるほど、同じ項目を対象とする既存の CSS よりも優先されます。次のように css をターゲットにします。

.current_page_item a{color:/*YOUR COLOR HERE*/;}

それがまだ取り消されている場合は、より具体的にしてください。

#DIV_ID #MENU_ID .current_page_item a{color:/*YOUR COLOR HERE*/;}

希望する色になるまで特定のレイヤーを追加してツリーを上に進むか、次のように手動で上書きすることができます。

.current_page_item a{color:/*YOUR COLOR HERE*/ !important;}

これにより、CSS がオーバーライドされないことが保証されますが、個人的には絶対に必要でない限り使用しないようにしています。

于 2012-07-26T00:08:31.077 に答える