回答編集履歴

4

セレクタ削除

2016/08/03 09:25

投稿

asahina_dev
asahina_dev

スコア610

test CHANGED
@@ -62,16 +62,4 @@
62
62
 
63
63
 
64
64
 
65
- ちなみに セレクタは
66
65
 
67
-
68
-
69
- ```js
70
-
71
- $("#" + $(this).attr("href"))
72
-
73
- ```
74
-
75
-
76
-
77
- となる

3

ID セレクタ

2016/08/03 09:25

投稿

asahina_dev
asahina_dev

スコア610

test CHANGED
@@ -59,3 +59,19 @@
59
59
 
60
60
 
61
61
  ```
62
+
63
+
64
+
65
+ ちなみに セレクタは
66
+
67
+
68
+
69
+ ```js
70
+
71
+ $("#" + $(this).attr("href"))
72
+
73
+ ```
74
+
75
+
76
+
77
+ となる

2

current

2016/08/03 09:21

投稿

asahina_dev
asahina_dev

スコア610

test CHANGED
@@ -6,9 +6,9 @@
6
6
 
7
7
  $("#navigation a").on("click", function() {
8
8
 
9
- $("#navigation a").removeClass("active");
9
+ $("#navigation a").removeClass("current");
10
10
 
11
- $(this).addClass("active");
11
+ $(this).addClass("current");
12
12
 
13
13
  });
14
14
 

1

CSS 追加

2016/08/03 09:19

投稿

asahina_dev
asahina_dev

スコア610

test CHANGED
@@ -19,3 +19,43 @@
19
19
  のように 関連した項目からクラスを削除して、選択項目にクラスを追加する。
20
20
 
21
21
  ノーテストのためタイポはごめんよ
22
+
23
+
24
+
25
+
26
+
27
+ そしてCSSはこうなる
28
+
29
+
30
+
31
+ ```css
32
+
33
+ #navigation a {
34
+
35
+ font-size: 18px;
36
+
37
+ display: block;
38
+
39
+ text-decoration: none;
40
+
41
+ letter-spacing: 3px;
42
+
43
+ color: #fff;
44
+
45
+ }
46
+
47
+
48
+
49
+ #navigation a.current{
50
+
51
+ color: #825F2B; /* ←これが反映されない */
52
+
53
+ background:#FDF9F7;
54
+
55
+ }
56
+
57
+
58
+
59
+
60
+
61
+ ```