スタイルシートに関する質問です。
ページ全体の<a>に対して指定したスタイルとは別に、
<p>など、特定のタグの中に記述された<a>だけにスタイルを指定する方法はありますか?
http://www.tees.ne.jp/~pokochan/style/setup.html
こちらのページに載っている方法を試して
p a {color:#777777;}
と記述したのですが、反映されないようです。(全体の設定が適用さて青色になります)
全体的にはリンクの文字を青色に指定していて、
<p>~~~~<a href="hogehoge.html">hogehoge</a>~~~~</p>
この<p></p>で囲んでいるときだけhogehogeはグレーの文字にしたいと思っているのですが、
↑のコードでは間違っているのでしょうか?
これができれば一番簡単だと思うのですが、ほかに何か方法はありますでしょうか?
作業環境は、Win7、32bitのGoogle Chromeに、Apsalyでタグ打ちしています。
htmlファイルに<link>で外部の.cssファイルを読み込んでいます。
正直、HTMLやStyleSheetをいじるのは8年ぶりぐらいなので不手際がありましたらすみません。
No.1ベストアンサー
- 回答日時:
>全体的にはリンクの文字を青色に指定していて、
が、a{color:blue;}だとしたら、
>p a{color:gray;}
だと、詳細度は前者が[0,0,0,1]、後者が[0,0,0,2]ですから、後者が優先されるはずです。
しかし、
a:link{color:red;}
と指定されていれば、詳細度は[0,0,1,2]ですから上書きは出来ません。
リンクの擬似クラス
a:link
a:visited
動的な擬似クラス
a:hover
a:focus
a:active
はいずれも、属性セレクタ、クラスセレクタと同様詳細度は[0,0,1,0]となります。
このセレクタ、カスケーディング、詳細度はCSS(カスケーディングスタイルシート)の命ともいえる重要な部分です。これを使えないとスタイルシートなんて扱えません。
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
さっそくの回答、どうもありがとうございます。
おっしゃるとおり疑似クラスを設定しておりました。
webコーディングは趣味でやっていただけで、まじめに勉強したことがなかったので、
あちこちのtipsページを見て覚えたものでした。
なので詳細度という値があることすら知りませんでした。
これを機に勉強しなおしてみます。
参考URLまでいただきまして、本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Ruby htmlの記述で link rel=stylesheet href=ress.cssの指定をする l 1 2023/04/02 21:15
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2023/08/08 11:02
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS HTMLとCSSについて 2 2022/09/12 15:46
- Excel(エクセル) 【マクロ】webアドレスにて指定されたCSVファイル【excelソフト表示】を印刷する件 1 2023/02/15 01:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS/日本語のID・クラス名につ...
-
【VBA/HTML】IE画面内のページT...
-
スタイルシートで、id属性の中...
-
brにクラスをつけてcssでdispla...
-
最近、HTMLのヘッダーをIDで定...
-
HP作成(ワッパーを中心に)
-
CSSが効かずどのように指定すれ...
-
HTML要素のid/class名の長さに...
-
透過背景を解除するにはどうす...
-
Bootstrap3でcontainerがずれる...
-
サイトにjQueryが使用されてい...
-
webサイト印刷時に特定の画像を...
-
<div align="right"> を css で...
-
マウスカーソルを当てた時だけ...
-
<span>で2重にかけているものを...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
name属性とid属性
-
cssでIEとFIREFOX(とchrome)の...
-
CSS リンクのスタイル指定をせ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
スタイルシートで、id属性の中...
-
リンク文字の 一部だけ色を変...
-
外部css定義したclassをht...
-
ページの左右の余白(枠外)に...
-
<span>で2重にかけているものを...
-
CSSでテキストリンクの色を複数...
-
同ページ内でリンクの色を変え...
-
CSSが効かずどのように指定すれ...
-
display:table-cell内でこんな...
-
CSSで下まで背景色を伸ばす方法
おすすめ情報