ナビゲーションバーの文字色を変更したい

Question

twenty twelveのナビゲーションバーの文字色を黒から白に変更したいのですが、
デフォルトのcss

.main-navigation a {
	color: #5e5e5e;
}

を

.main-navigation a {
	color: #FFF;
}

に変更しても色が変わりません。
文字サイズや太さの変更はできましたが、文字色だけは変更できません。

Answer 1

初めまして。
すみません
下記のテーマを使用したことがないのですが
twenty twelve

cssの記入する順序や他にも該当箇所（文字色が反映される箇所）はございませんか？？
bodyやnavなどその他大枠で指定されているものもあるかもしれませんので
再度確認をしてみてはいかがでしょうか？

指定はあっていると思います。
推奨、非推奨はあると思いますが

.main-navigation a {
 color: #FFFFFF !important;
}

強制的に指定することも出来るかもしれません。
少しでも解決の糸口になれば幸いです。

Comments

[diamonddogs]

できましたが、importantじゃないとダメなんですね。

[hiroaki_sato]

important使用で解決しましたか？
他の方が作ったテーマですので
自身でも見落としてが気づかない箇所にcssが指定されている場合も
ありますので
importantあくまでも優先的な指定ですので
他の箇所の指定を解除すればimportantを使用しなくても
解決するかと思います。

[hiroaki_sato]

追記です。
importantをあまり多用しすぎると後々の管理がまた大変になってくることも
ありますので出来るだけ自分の中にルールを作り使用することをオススメします。
※ご自身のサイトであれば良いのですが複数人で作業をする場合は
ある程度のルールがないとimportantを使っている意図がわからないと
混乱してしまうことがあるので頭の片隅にでも残しておくと良いと思います！

[diamonddogs]

important仕様で解決しましたが、important仕様ではないので解決することは難しいですよね？

[hiroaki_sato]

importantは別に使用しないなら使用しないでも大丈夫ですよ！
本来であれば下記で解決するはずですが
おそらく他にもcssでaタグに対する指定が入っていることが推測されます。
.main-navigation a {
color: #FFFFFF;
}

ですのでそちらの要素が何かわかれば原則的にimportantを使用しなくても
問題は解決出来ると思います。

main-navigationの親要素のcssの設定や
全体に及ぶbodyに対してのcssなど考えられるポイントはいくつかあると思いますので
そのあたりを掘り下げて探してみると良いと思います。
無事に解決することお祈りしております。

[diamonddogs]

ありがとうございます。
助かりました。