![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
どうも、スタイルシートを書く上で困っていることがありまして質問します。
スタイルシートにおいてa,a:link,a:visited,a:activeといった属性でアンカーの装飾ができると思いますが、今回これで困ったことになりました。
「黒い背景では白い文字のリンクを、白い背景には黒い文字のリンクを」、という形を1つのページ上で行う必要がありスタイルを書いてみたのですがなかなかうまくいきません。
それぞれfontタグで指定すれば色は変わったもののtextdecoration:noneを使用したいためそれでは解決になりません。
どなたかよろしくお願いします。
No.1ベストアンサー
- 回答日時:
class 属性を使って同時に絞り込んでください。
たとえば,「黒背景の部分」は class 属性が blackbg である div 要素,「白背景の部分」は class 属性が whitebg である div 要素として記述されているとします。つまり,
<div class="blackbg">
<!-- 黒背景の部分 -->
</div>
<div class="whitebg">
<!-- 白背景の部分 -->
</div>
のようになっているとします。ただし,黒背景と白背景の部分は必ずしも div 要素で分ける必要はありません。
スタイルシート側は次のようになるはずです。
div.blackbg {
background: #000;
/* …その他の指定… */
}
div.whitebg {
background: #FFF;
/* …その他の指定… */
}
この中の a 要素それぞれに,スタイルを適用させればよいのですから,
div.blackbg a:link {
color: #FFF;
/* …その他の指定… */
}
div.whitebg a:link {
color: #000;
/* …その他の指定… */
}
これを,a:visited,a:active,a:hover などについても指定すればよいでしょう。
以上,お試しください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- Excel(エクセル) Excel_マクロ_アクティブシートのVLOOKUPで表示された#N/A以外の行に色付けをしたいです 3 2023/02/17 00:40
- Instagram Instagramでバグが起きました。Androidです。 画像は左がストーリーにあげた後です。右が 1 2022/08/18 11:55
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- Visual Basic(VBA) エクセルから、パワーポイントのスライドを複数作成する。 1 2022/07/08 09:40
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pythonでのカーソル移動がずれる
-
Excel VBAでのIE操作でクリック...
-
ASP.NETでプレーンなページに文...
-
cnt <= (others => '0'); の意...
-
htmlの文字が縦書きになる
-
smallにtext-allignが効かない
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
ヘッダーとフッターだけ背景を...
-
widthやheightの数値に単位(px...
-
Macで画像の切り抜きできないの?
-
ボタンをセル内一杯に表示させ...
-
2個のFormを横並びにしたい
-
UDP通信を使うチャットプログラ...
-
質問1.
-
含む含まないという概念自体の...
-
CSSが上手く反映されないみたい...
-
複数のボタンを等間隔に、かつ...
-
NからZへの全単射を具体的に構...
-
フロートのクリアについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
VBAでの素数の求め方
-
cnt <= (others => '0'); の意...
-
質問です。 新規登録ボタンが全...
-
プログラマーの方に質問です。 ...
-
行頭から全角で3文字位さげた...
-
Excel VBAでのIE操作でクリック...
-
chromedriverのver-upで動作不...
-
検索結果がツリー状に表示され...
-
秀丸で複数行コメントアウトを...
-
Dreamweaver8で表を作成したい
-
VBA : QueryTableでのスクレイ...
-
safariで見るとページ上部に余...
-
アンカータグのスタイルシート指定
-
CSSセクレター 子孫のみに適用...
-
IE8では大丈夫なのに、IE7では...
-
DIVの入れ子で、FireFoxだとレ...
-
CSSで、何故か、「float」が上...
-
Ajaxで文字列を表示したいです。
おすすめ情報