Bootstrap 訪問済みテキストリンクの色について

Bootstrap v3.3.6で、教えていただけないでしょうか。
ただのテキストのリンクなのですが、訪問済み（visited）のときの色がつけれません。
IDやクラスを設定しても、訪問済みの色が変わりません。
ちなみにlinkやhoverの色は変えることができました。hoverの背景色も変えれました。
ナビバーの関係もあるので、IDかクラスもしくは要素で分けるといいとネットで調べましたが
試行錯誤でうまくいかず、素人には理解できず。疲弊してしまいました。

visited　{color:#999999}
これをしたいだけなのです
すみません、何卒、お力をお貸しください。よろしくお願いします。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2016/10/22 09:43

セレクタの指定間違いか、詳細度が低い、あるいはカスケーディングの影響のいずれかです。

きちんとその要素を指定するようにセレクタが書かれているか？
E:visited{} Eはタイプセレクタ(要素/Element)
上記だと詳細度は 0,0,1,1　より高い詳細度の指定 例えばstyle属性(詳細度 1,0,0,0)
:link :visited :hover :active :focus の疑似クラスは、同格の詳細度 0,0,1,0 ですが、あとから登場したものが優先される。

':link'、':visited'
':focus'、':hover'
':active'
の順番で記述する。

＞IDやクラスを設定しても、
　IDやclassは文書構造を補完するものでデザインのためではない。その文書構造に従ってセレクタを書く。

＞IDかクラスもしくは要素で分けるといい
　なぜ、そんなでたらめを信用する？？？
　仕様書のどこにもそんなこと書いてないよ。

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification 日本語訳( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
5 セレクタ
6 プロパティ値とカスケーディング、継承の割り当て
をまず読むこと。

　ウエブ開発ならツール( https://addons.mozilla.org/ja/firefox/extensions … )の豊富なfirefoxをお使いだと思いますが、firefoxのアドオンFirebug( https://addons.mozilla.org/ja/firefox/addon/fire … )で、カスケードは確認できます。

この回答へのお礼

ご教示いただきまして誠にありがとうございます。
時間がかかりましたが、CSS日本語訳も拝見しました。
教えていただいた順番で記述し、CSSを書き直しましたところ、無事動きました。

私が基本的な間違えをしておりました。（私が　.　と　：を間違えていたりと情けない話です）
実は、修正だけではまだ動きませんでした、落ち着いてやったのでCSSはもう間違えていないと思い、他の原因を探しました。
だいぶ放浪して、セキュリティ系でvisitedの制限をブラウザがかけるという記事を見つけました。
そういえば、修正してからIE、クロームで試していませんでした。
無事に動きました。しかしFirefoxはだめです。
Firefoxでは、カラー程度は許可しているとのことですが、bootstrapとの相性が何かあるのかと思いましたが
原因究明は断念です。能力の限界が近づいています。

大変勉強になりました、ツールも今後も使いこなしたいと思います。
解決したようなしないようなではありますが、私のレベルでは満足です。
早々のご回答をいただきまして感謝しております。実は急いましたので本当に助かりました。
ありがとうございます。

お礼日時：2016/10/22 15:38