回答編集履歴

3

ミスがあったため修正。

2020/05/27 16:27

投稿

kei344
kei344

スコア69428

test CHANGED
@@ -32,4 +32,4 @@
32
32
 
33
33
  }
34
34
 
35
- ```**動くサンプル:**[https://jsfiddle.net/gb81Lumw/](https://jsfiddle.net/gb81Lumw/)
35
+ ```**動くサンプル:**[https://jsfiddle.net/gb81Lumw/1/](https://jsfiddle.net/gb81Lumw/1/)

2

情報の追加。

2020/05/27 16:27

投稿

kei344
kei344

スコア69428

test CHANGED
@@ -9,3 +9,27 @@
9
9
  }
10
10
 
11
11
  ```
12
+
13
+
14
+
15
+ ---
16
+
17
+
18
+
19
+ `inherit`を使うなら。
20
+
21
+
22
+
23
+ ```CSS
24
+
25
+ .color {
26
+
27
+ background-color: orange;
28
+
29
+ border-color: orange; /* ADD */
30
+
31
+ /*color: orange; *//* これでも反映するが、文字もorangeに。 */
32
+
33
+ }
34
+
35
+ ```**動くサンプル:**[https://jsfiddle.net/gb81Lumw/](https://jsfiddle.net/gb81Lumw/)

1

ミスがあったため修正。

2020/05/27 16:26

投稿

kei344
kei344

スコア69428

test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  .color::before {
6
6
 
7
- border-right-color: inherit;
7
+ border-right-color: orange;
8
8
 
9
9
  }
10
10