Q&A
前提・実現したいこと
header内のa要素のみにlink/visited/activeの色分けを行いたい
navやsectionにはこの設定を反映させたくない
発生している問題・エラーメッセージ
指定した通りの色に変わらない
該当のソースコード
css
1header{ 2 a:link{color:#ff4067;} 3 a:visited{color:#ff4067;} 4 a:active{color:#fbcfff;} /*このlink,visited,activeの色変更を反映させたい*/ 5} 6nav{ 7/*割愛*/ 8}
html
1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <title>027</title> 6 </head> 7 <body> 8 <style type="text/css"> 9 @import url(026.css); <!-- 上のcssファイルを指定--> 10 </style> 11 <header> 12 <a href="hoge.html">タイトル</a> <!-- ここの色を変えたい--> 13 </header> 14 <nav> 15 <!-- 割愛--> 16 </nav>
回答1件
0
ベストアンサー
SCSSではなくCSSを使われているなら、以下のような形で書くと適切に動くと思います！
header a:link{ color:#ff4067; } header a:visited{ color:#ff4067; } header a:active{ color:#fbcfff; }
投稿2019/09/03 10:57
総合スコア1809
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/03 11:17