回答編集履歴

3

修正

2019/10/28 23:53

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
File without changes

2

修正

2019/10/28 23:53

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- 単純に簡潔にすることを考えれば、要素や擬似要素は使わずに [`background` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/background)を使用し、以下のように行えると思います ([動作確認用リンク](https://jsfiddle.net/wq9je0u3/))。質問文の CSS を minify したコードのサイズが 846 バイト、質問文の CSS を編集し minify したコードのサイズが 511 バイトとなっています。
1
+ 単純に簡潔にすることを考えれば、要素や擬似要素は使わずに [`background` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/background)を使用し、以下のように行えると思います ([動作確認用リンク](https://jsfiddle.net/wq9je0u3/))。質問文の CSS を minify したコードのサイズが 846 バイト、以下に記載している CSS を minify したコードのサイズが 511 バイトとなっています。
2
2
 
3
3
  ```CSS
4
4
 

1

修正

2019/10/28 23:53

投稿

s8_chu
s8_chu

スコア14731

test CHANGED
@@ -1,4 +1,4 @@
1
- 単純に簡潔にすることを考えれば、要素や擬似要素は使わずに [`background` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/background)を使用し、以下のように行えると思います ([動作確認用リンク](https://jsfiddle.net/nsorpqf0/))。質問文の CSS を minify したコードのサイズが 846 バイト、質問文の CSS を編集し minify したコードのサイズが 511 バイトとなっています。
1
+ 単純に簡潔にすることを考えれば、要素や擬似要素は使わずに [`background` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/background)を使用し、以下のように行えると思います ([動作確認用リンク](https://jsfiddle.net/wq9je0u3/))。質問文の CSS を minify したコードのサイズが 846 バイト、質問文の CSS を編集し minify したコードのサイズが 511 バイトとなっています。
2
2
 
3
3
  ```CSS
4
4
 
@@ -12,9 +12,9 @@
12
12
 
13
13
  display: flex;
14
14
 
15
+ position: relative;
16
+
15
17
  flex-wrap: wrap;
16
-
17
- position: relative;
18
18
 
19
19
  width: 200px;
20
20