teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

追記

2019/02/20 06:40

投稿

CHERRY
CHERRY

スコア25234

answer CHANGED
@@ -1,4 +1,4 @@
1
- テーマファイルを見ていないのですが、おそらく、スタイルシートで `a:active` `a:focus` 等の疑似要素が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所にスタイルを設定してください
1
+ テーマファイルを見ていないのですが、おそらく、スタイルシートで `a:hover` `a:focus` 等の疑似要素が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所にスタイルを設定してください
2
2
 
3
3
  参考
4
4
  [:active 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:active)
@@ -10,6 +10,12 @@
10
10
  (追記)
11
11
  sydney デモサイト( https://demo.athemes.com/themes/?theme=Sydney ) を Chrome のレスポンシブモードで、デベロッパーツールを開いて確認してみました。
12
12
 
13
- ![イメージ説明](293cfa311d44866f13005051df9a57ea.png)
13
+ ![イメージ説明](ca209d35d4d2f310f604e0353d813df9.png)
14
14
 
15
+ ----
16
+ (コメント欄に追記した内容の画像)
17
+
18
+ デベロッパーツール上で、style.css 438 行目の a:hover a:focus に `background-color: bule` を 追加してみました。(わかりやすくするために濃い色にしています。)
15
- 右下適用されてい CSS 見る限り、疑似要素は、適用さない様です。
19
+ タイトルリンクの背景に色がつきましたので、ここに追加すと影つけると思す。
20
+
21
+ ![イメージ説明](b34b1840bbec3e04f7d7a866240f6ede.png)

3

追記

2019/02/20 06:40

投稿

CHERRY
CHERRY

スコア25234

answer CHANGED
@@ -4,4 +4,12 @@
4
4
  [:active 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:active)
5
5
  [:foces 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:foces)
6
6
  [:hover 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:hover)
7
- [:link 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:link)
7
+ [:link 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:link)
8
+
9
+ ----
10
+ (追記)
11
+ sydney デモサイト( https://demo.athemes.com/themes/?theme=Sydney ) を Chrome のレスポンシブモードで、デベロッパーツールを開いて確認してみました。
12
+
13
+ ![イメージ説明](293cfa311d44866f13005051df9a57ea.png)
14
+
15
+ 右下の適用されている CSS を見る限り、疑似要素は、適用されていない様です。

2

追記

2019/02/20 04:36

投稿

CHERRY
CHERRY

スコア25234

answer CHANGED
@@ -1,4 +1,4 @@
1
- おそらく、スタイルシートで `a:active` `a:focus` 等の疑似要素が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所にスタイルを設定してください
1
+ テーマファイルを見ていないのですが、おそらく、スタイルシートで `a:active` `a:focus` 等の疑似要素が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所にスタイルを設定してください
2
2
 
3
3
  参考
4
4
  [:active 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:active)

1

修正

2019/02/20 03:01

投稿

CHERRY
CHERRY

スコア25234

answer CHANGED
@@ -1,4 +1,7 @@
1
- おそらく、スタイルシートで、 `a:hover` が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所に `a:hover` のスタイルを設定してください
1
+ おそらく、スタイルシートで、 `a:active` `a:focus` 等の疑似要素が設定されていない or スタイルの定義が異なるのだと思いますので、必要な場所にスタイルを設定してください
2
2
 
3
-
3
+ 参考
4
+ [:active 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:active)
5
+ [:foces 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:foces)
4
- [:hover 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:hover) 参照
6
+ [:hover 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:hover)
7
+ [:link 疑似クラス](https://developer.mozilla.org/ja/docs/Web/CSS/:link)