回答編集履歴
3
.
answer
CHANGED
|
@@ -7,6 +7,6 @@
|
|
|
7
7
|
}
|
|
8
8
|
```
|
|
9
9
|
`ul li .complete-btn` というセレクタは、「`<ul>` の子孫の `<li>` の子孫の `complete-btn` クラスを持つ要素」にマッチします。この場合は `<li>` に子要素がないので何にもマッチしません。「`<ul>` の子孫の `complete-btn` クラスを持つ `<li>`」にマッチさせたいなら、間の空白を消して `ul li.complete-btn` と書きましょう。
|
|
10
|
-
この場合は `.complete-btn` だけでもいいでしょう。`
|
|
10
|
+
この場合は `.complete-btn` だけでもいいでしょう。セレクタに `ul ` がない方がマッチング処理は速くなります。
|
|
11
11
|
|
|
12
12
|
|
2
.
answer
CHANGED
|
@@ -7,5 +7,6 @@
|
|
|
7
7
|
}
|
|
8
8
|
```
|
|
9
9
|
`ul li .complete-btn` というセレクタは、「`<ul>` の子孫の `<li>` の子孫の `complete-btn` クラスを持つ要素」にマッチします。この場合は `<li>` に子要素がないので何にもマッチしません。「`<ul>` の子孫の `complete-btn` クラスを持つ `<li>`」にマッチさせたいなら、間の空白を消して `ul li.complete-btn` と書きましょう。
|
|
10
|
-
この場合は `.complete-btn` だけでもいいでしょう。
|
|
10
|
+
この場合は `.complete-btn` だけでもいいでしょう。`.complete-btn` だけの方がマッチング処理は速くなります。
|
|
11
11
|
|
|
12
|
+
|
1
.
answer
CHANGED
|
@@ -6,5 +6,6 @@
|
|
|
6
6
|
...
|
|
7
7
|
}
|
|
8
8
|
```
|
|
9
|
-
`ul li .complete-btn` というセレクタは、「`<li>` の子孫の `complete-btn` クラスを持つ要素」にマッチします。「`complete-btn` クラスを持つ `<li>`」にマッチさせたいなら、間の空白を消して `ul li.complete-btn` と書きましょう。
|
|
10
|
-
`.complete-btn` だけでもいいで
|
|
9
|
+
`ul li .complete-btn` というセレクタは、「`<ul>` の子孫の `<li>` の子孫の `complete-btn` クラスを持つ要素」にマッチします。この場合は `<li>` に子要素がないので何にもマッチしません。「`<ul>` の子孫の `complete-btn` クラスを持つ `<li>`」にマッチさせたいなら、間の空白を消して `ul li.complete-btn` と書きましょう。
|
|
10
|
+
この場合は `.complete-btn` だけでもいいでしょう。
|
|
11
|
+
|