回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
jugyo が付いているのは、全部同じCSSですよね？
|
|
2
2
|
クラスなんぞ、全くつけないでもいけますよ。
|
|
3
3
|
```HTML
|
|
4
4
|
<div id="box">
|
|
@@ -21,9 +21,22 @@
|
|
|
21
21
|
#box h2 {}
|
|
22
22
|
#box ul {list-style-type:none;}
|
|
23
23
|
#box ul li {padding-bottom:/*各角丸との間分*/;}
|
|
24
|
-
#box ul li div {/*ここに
|
|
24
|
+
#box ul li div {/*ここにjugyoシリーズのCSS*/}
|
|
25
25
|
#box ul li div h3 {padding:0px;}
|
|
26
26
|
#box ul li div h4 {padding:0px;}
|
|
27
27
|
#box ul li div p {}
|
|
28
28
|
```
|
|
29
|
-
これだけ書けば、`<li>～</li>`がワンセットでいくらでも追加できます。
|
|
29
|
+
これだけ書けば、`<li>～</li>`がワンセットでいくらでも追加できます。
|
|
30
|
+
|
|
31
|
+
追記：お恥ずかしい、誤字の修正。
|
|
32
|
+
|
|
33
|
+
と、ん？個別に修正するんですか？
|
|
34
|
+
ってことは、`h3` `h4` ともに、10個並べば、10種類？
|
|
35
|
+
デザイン的にやらん方が良いということは置いておいて、
|
|
36
|
+
|
|
37
|
+
こうすれば良いですよ。
|
|
38
|
+
```CSS
|
|
39
|
+
#box ul li:nth-child(1) div h3 {/*1つ目のh3*/}
|
|
40
|
+
#box ul li:nth-child(1) div h4 {/*1つ目のh4*/}
|
|
41
|
+
/*以下()内の数字を個数分追加*/
|
|
42
|
+
```
|