![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_08.png?e8efa67)
該当部分のアドレスです
/style.css,qver=4.5.2.pagespeed.ce.R_ajBEeZr7.css
リンク色の色を手打ちで指定しましたが、スタイルシート上では変更できましたが
読み込まれている色は元のままです。
ブラウザ上で適用になる方法を教えて下さい。
キャッシュ関係は全て見ました。
こっちでも質問しました。
http://detail.chiebukuro.yahoo.co.jp/qa/question …
No.1ベストアンサー
- 回答日時:
こんにちは。
変更したリンク色のうしろに「!important」を加えたらどうでしょうか?
!importantというキーワードを指定すると、その値が最優先されます。
例↓(赤の字の後ろに追加です)
color:red !important;
たぶんですが、お使いのテーマにリンク色やタイトルなどをカスタマイズできるカスタマイズパネル付のテーマを使ってるんのではないでしょうか。
WPの管理画面ダッシュボード>外観>カスタマイズ
で、テーマのカスタマイズでリンク色が設定できませんかね?
出来ないようなら、「!important」が速いかと思います。
No.2
- 回答日時:
CSSとは、Cascading Style Sheetsの略で、中核をなすCascadingの仕組みは「命」ともいえる部分で、それを理解していないと使えるはずもない。
!importantを使う方法は誤りです。
!important使用すると
(ユーザーエージェントの宣言)<(ユーザーの通常宣言)<(著者の通常宣言)<(著者のimportant宣言)<(ユーザーのimportant宣言)
となってしまいます。
もし、
a:link{color:green;} /* 詳細度 0,0,1,1 疑似クラス:link */
a{color:red;}/* 詳細度 0,0,0,1 */
だと、詳細度が前者か大きいのでリンクは緑色になります。
また、
a:visited{color:blue;}/* 詳細度 0,0,1,1 疑似クラス:visited */
となっていれば、履歴を削除しないと前者二つの指定は効きません。
ここは、
・同じ詳細度の指定が後述で上書きされていないか
・他により詳細度の高い指定がないか
をまずチェックすべです。このいずれかのはずです。
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification 日本語訳( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
にて、
5 セレクタ
6 プロパティ値とカスケーディング、継承の割り当て
にすべて書いてある。
スタイルシートを扱おうとしたら絶対に身に着けておくべきところ
例えばheader内のナビゲーションリスト中のリンクの色でしたら
div.header div.nav ul li a:link{color:red;}/* 詳細度 0,0,3,5 */
*HTML4では、文書構造はdivにclassをつけて示す
[HTML5]だと
header nav ul li a:ink{color:red;}/* 詳細度 0,0,1,5 */
と書きますね。
これは、ほかの場所の指定で上書きされないためです
ウェブ開発されていたら製作者用アドオンが圧倒的に豊富なfirefoxをお使いだと思いますが、そのアドオンのfirebug( https://addons.mozilla.org/ja/firefox/addon/fire … ) )を使うと、どのように適用されているかなど、上書きや継承のすべてがわかります。
firebug - Google 検索( https://www.google.co.jp/search?q=firebug&ie=utf … )
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- HTML・CSS 使用しているプラグインの自動表記リンクを目立たなくする方法はありますか? 1 2022/07/15 19:00
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- 待ち受け・壁紙 ロック画面に表示される時刻のサイズ変更 AQUOS SENSE 4 (ドコモ)を使用中です。スマホの 2 2022/08/08 10:39
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- Illustrator(イラストレーター) イラストレーター(イラレ)で書き出した画像が荒れます… 3 2022/05/19 17:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
透過背景を解除するにはどうす...
-
CSS, リンクの色を一部変えるに...
-
リンク文字の 一部だけ色を変...
-
dreamweaverのコード画面で波線。
-
display:table-cell内でこんな...
-
terapadの使い方について
-
<span>で2重にかけているものを...
-
印刷曜CSSがどこかおかしい・・...
-
htmlのid属性って必要なの?
-
文字の両側に画像を配置するCSS...
-
ラジオボタンの装飾(色の違う2...
-
HTMLの表
-
HTML要素のid/class名の長さに...
-
子孫セレクタの読み方をおしえ...
-
idの中のid指定
-
個別にリンクの色を変える方法
-
Wordpressリンク色をスタイルシ...
-
CSSとSSI 一緒に使えますか?
-
tumblrでpreタグを反映させるに...
-
liリストタグの背景色に色がつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報