質問編集履歴
5
予告削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -60,12 +60,4 @@
|
|
|
60
60
|
color: red;
|
|
61
61
|
}
|
|
62
62
|
```
|
|
63
|
-
|
|
63
|
+
|
|
64
|
-
|
|
65
|
-
# 予告ｗ
|
|
66
|
-
現在頂いている回答をたよりに関連しそうなドキュメントを探してみましたが、私の理解できる範囲では確定的な情報を得られませんでした＾＾；
|
|
67
|
-
|
|
68
|
-
ただ、検証をした結果は役に立ちそうなので、自己回答として記述するつもりです。＊現在頂いている回答を補完する情報です。
|
|
69
|
-
|
|
70
|
-
再確認とまとめるのに少し時間がかかるので今しばらくこの質問はオープンにしておきます。クローズは多分 GW になると思います。もう少しお付き合いください。
|
|
71
|
-
よろしくお願いいたします。
|
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -60,4 +60,12 @@
|
|
|
60
60
|
color: red;
|
|
61
61
|
}
|
|
62
62
|
```
|
|
63
|
-
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
# 予告ｗ
|
|
66
|
+
現在頂いている回答をたよりに関連しそうなドキュメントを探してみましたが、私の理解できる範囲では確定的な情報を得られませんでした＾＾；
|
|
67
|
+
|
|
68
|
+
ただ、検証をした結果は役に立ちそうなので、自己回答として記述するつもりです。＊現在頂いている回答を補完する情報です。
|
|
69
|
+
|
|
70
|
+
再確認とまとめるのに少し時間がかかるので今しばらくこの質問はオープンにしておきます。クローズは多分 GW になると思います。もう少しお付き合いください。
|
|
71
|
+
よろしくお願いいたします。
|
3
タグ追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -33,4 +33,31 @@
|
|
|
33
33
|
|
|
34
34
|
ブラウザの挙動としては想定どおりみたいですが、どういった原理に則っているのでしょうか？
|
|
35
35
|
|
|
36
|
-
よろしくお願いいたします。
|
|
36
|
+
よろしくお願いいたします。
|
|
37
|
+
|
|
38
|
+
# おかしな挙動の追記
|
|
39
|
+
*確認した環境は、「firefox 66.0.3」+「codepen」です。
|
|
40
|
+
|
|
41
|
+
本件の挙動確認をしていたのですが、a:link で`background-color`を設定しない場合、a:visited の`background-color`が反映されませんでした。
|
|
42
|
+
MDN にある「上書き～」な記述はこれのことなんですかね？
|
|
43
|
+
にしては、`color`は反映されていて、意味がわからんのですけど。
|
|
44
|
+
|
|
45
|
+
```CSS
|
|
46
|
+
a:link {
|
|
47
|
+
background-color: gold;
|
|
48
|
+
color: green;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
a:visited {
|
|
52
|
+
background-color: black;
|
|
53
|
+
color: red;
|
|
54
|
+
}
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
```CSS
|
|
58
|
+
a:visited {
|
|
59
|
+
background-color: black;
|
|
60
|
+
color: red;
|
|
61
|
+
}
|
|
62
|
+
```
|
|
63
|
+
|
1
微修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
CSS の :link 疑似クラスは、まだ**訪問されていない要素**を表します。 <a>, <area>, <link> など、 href 属性を持つ未訪問のすべての要素を選択します。
|
|
6
6
|
|
|
7
7
|
# 質問
|
|
8
|
-
同ページに例があ
|
|
8
|
+
同ページに以下の例があります。
|
|
9
9
|
なぜ、訪問後の link の background-color が gold になるのでしょうか？
|
|
10
10
|
|
|
11
11
|
```html
|
|
@@ -22,13 +22,14 @@
|
|
|
22
22
|
```
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
例の説明として以下が記述されています。
|
|
25
|
+
例の説明としては以下が記述されています。
|
|
26
26
|
|
|
27
27
|
> 既定では、大半のブラウザーが訪問済みのリンクに特殊な color の値を適用しています。そのため、この例のリンクは訪問前でしか特殊な文字色にならないでしょう（よって、再度確認するにはブラウザーの履歴をクリアする必要があるでしょう）。しかし、 background-color の値は大半のブラウザーが既定で訪問済みのリンクに設定していないので残るでしょう。
|
|
28
28
|
|
|
29
|
-
:link 疑似クラスは、まだ**訪問されていない要素**への設定だと思うのですが、説明を素直に読むと
|
|
29
|
+
:link 疑似クラスは、まだ**訪問されていない要素**への設定だと思うのですが、説明を素直に読むと、:link が**訪問後のリンクの装飾**にも影響を及ぼしています。
|
|
30
|
+
|
|
30
31
|
CSS :link の値 < ブラウザの既定値 < CSS :visited の値
|
|
31
|
-
|
|
32
|
+
の優先順位のようです。
|
|
32
33
|
|
|
33
34
|
ブラウザの挙動としては想定どおりみたいですが、どういった原理に則っているのでしょうか？
|
|
34
35
|
|