回答編集履歴

3

アンダーバーをハイフンに修正しました。

2018/02/12 14:56

投稿

EBOOT.PBP
EBOOT.PBP

スコア20

test CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
  ```
50
50
 
51
- .color_red{
51
+ .iro-aka{
52
52
 
53
53
  color:red;
54
54
 
@@ -62,9 +62,9 @@
62
62
 
63
63
  <div id="pr">
64
64
 
65
- <p class="color_red">hello</p>
65
+ <p class="iro-aka">hello</p>
66
66
 
67
- <b class="color_red">world</b>
67
+ <b class="iro-aka">world</b>
68
68
 
69
69
  </div>
70
70
 
@@ -105,3 +105,5 @@
105
105
  でもあまり、効率がいいとは思いません。
106
106
 
107
107
  参考までにどうぞ。
108
+
109
+ _(アンダーバー)はgoogleで推奨していないので-(ハイフン)に修正しました。

2

誤字修正しました。

2018/02/12 14:56

投稿

EBOOT.PBP
EBOOT.PBP

スコア20

test CHANGED
@@ -64,7 +64,7 @@
64
64
 
65
65
  <p class="color_red">hello</p>
66
66
 
67
- <b class="color_red">>world</b>
67
+ <b class="color_red">world</b>
68
68
 
69
69
  </div>
70
70
 

1

試行錯誤してより良い方法を書いてみました。

2018/02/10 02:56

投稿

EBOOT.PBP
EBOOT.PBP

スコア20

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- 無理矢理CSSでやるのでしたら、
9
+ 無理矢理CSSでやるのでしたら、除外するものが少ない場合、
10
10
 
11
11
  CSS
12
12
 
@@ -42,6 +42,36 @@
42
42
 
43
43
  ```
44
44
 
45
+ 除外するものが多い場合は、普通にclassで指定するのが効率が良いと思います。
46
+
47
+ CSS
48
+
49
+ ```
50
+
51
+ .color_red{
52
+
53
+ color:red;
54
+
55
+ }
56
+
57
+ ```
58
+
59
+ HTML
60
+
61
+ ```
62
+
63
+ <div id="pr">
64
+
65
+ <p class="color_red">hello</p>
66
+
67
+ <b class="color_red">>world</b>
68
+
69
+ </div>
70
+
71
+ ```
72
+
73
+
74
+
45
75
  もし、pタグとbタグしかなく、順番がpタグとbタグ共に一番目なら、こちらが使えると思います。
46
76
 
47
77
  IE11しか確認してませんが、できます。