a:linkが効かない

こんにちは。おたずねします。
a:linkが効かない場合の対処法を教えてください。
初歩的な質問ですみません。
よろしくお願いします。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>3-ホーム</title> <link rel="stylesheet" type="text/css" href="2-TechAcademy.css"> </head> <body> <div class="main"> <h1>サンプル</h1> <a href="#a">サンプル</a> <a href="#b">サンプル</a> <a href="#c">サンプル</a>

    <a href="#d">サンプル</a>
</div>

</body>

/CSS/
a:link{
color: chartreuse;
}
a:visited {
color: blue;
}
a:hover {
text-decoration: none;
background-color: coral;
}

-Mac　バージョン11.0.1を使用

コード

K_3578

2021/06/21 01:22

とりあえず、ソースコードはMarkDownのcode機能で提示しましょう。 HTMLファイルとCSSファイル毎に、 ```言語名ソースコード ``` という形になるようにしてみてください。ブロック間は1行以上スペースを空けましょう。くっついていると一つのブロックとして扱われます。ちゃんと出来ていると、自分の回答の様になっていると思います。編集画面の右側にプレビューが表示されているので、見ながら調整してみてください。

行動規範の内容に同意します

回答2件

そもそも

html
1<!DOCTYPE html>
2<html>
3
4<head>
5<meta charset="UTF-8">
6<title>3-ホーム</title>
7<link rel="stylesheet" type="text/css" href="2-TechAcademy.css">
8</head>
9
10<body>
11<div class="main">
12<h1>サンプル</h1>
13<a href="#a">サンプル</a>
14<a href="#b">サンプル</a>
15<a href="#c">サンプル</a> 
16
17<a href="#d">サンプル</a>
18</div>
19
20</body>
21</html>←これがないとそもそもhtml閉じれてませんが

んで、本題ですが
まずそもそもcss自体が指定出来ていない可能性(パスが間違っている)が高いと
思います。階層を確認してみてください。

投稿2021/06/17 03:52

K_3578

総合スコア1282

cop

2021/06/21 00:52 編集

ありがとうございます。 </html>をつけ忘れていました。今の状態ですが、 a:link　　　反応せず… a:visited　反応◯ a:hover 　反応◯ a:linkのみ反応しません。。。パスはあっていました。

K_3578

2021/06/21 02:23 編集

反応せず、というのは color: chartreuse;が適用されていないと言うことですよね？自分の環境では、cssが効いているのを確認していますので、他の場所で上書きされているのかもしれません。 Chromeなどでhtmlファイルを開けばデベロッパーツールで適用されているcssが確認出来るのでそれを使って見ては。

行動規範の内容に同意します