teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップVue.jsに関する質問Vue.jsを用いた<li>のCSSについて

編集履歴

回答編集履歴

3

誤字修正

2017/03/24 15:21

投稿

malenimil
malenimil

スコア17

answer CHANGED
@@ -12,7 +12,7 @@
12
12
  <li>five</li>
13
13
  <li>six</li>
14
14
  <li>seven</li>
15
- <li>
15
+ </ul>
16
16
  ```
17
17
 
18
18
  次のようなCSSを適用すると、

2

コードの修正

2017/03/24 15:21

投稿

malenimil
malenimil

スコア17

answer CHANGED
@@ -18,7 +18,7 @@
18
18
  次のようなCSSを適用すると、
19
19
 
20
20
  ```css
21
- .numbers li:nth-child(3) {
21
+ ul.numbers li:nth-child(3) {
22
22
  color: red;
23
23
  }
24
24
  ```
@@ -27,7 +27,7 @@
27
27
  また、次のように書くと、
28
28
 
29
29
  ```css
30
- .numbers li:nth-child(3n) {
30
+ ul.numbers li:nth-child(3n) {
31
31
  color: red;
32
32
  }
33
33
  ```

1

脱字を修正

2017/03/24 06:10

投稿

malenimil
malenimil

スコア17

answer CHANGED
@@ -18,7 +18,7 @@
18
18
  次のようなCSSを適用すると、
19
19
 
20
20
  ```css
21
- .numbers li:nthchild(3) {
21
+ .numbers li:nth-child(3) {
22
22
  color: red;
23
23
  }
24
24
  ```
@@ -27,7 +27,7 @@
27
27
  また、次のように書くと、
28
28
 
29
29
  ```css
30
- .numbers li:nthchild(3n) {
30
+ .numbers li:nth-child(3n) {
31
31
  color: red;
32
32
  }
33
33
  ```