回答編集履歴
3
修正
answer
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
疑似要素をインラインスタイルで書くことは出来ませんが、疑似要素の意味、効果を利用した代替手段はあります。
|
|
2
|
-
[
|
|
2
|
+
[:after、:beforeの疑似要素をインラインスタイルで直接htmlに記述する方法](https://koseken.com/after-before-inline)（「疑似要素 インライン」などで検索すると他にも記事はヒットします）
|
|
3
3
|
|
|
4
4
|
が、そもそもインラインスタイルはあまりよろしくないと思います。
|
|
5
5
|
|
2
修正
answer
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
疑似要素をインラインスタイルで書くことは出来ませんが、疑似要素の意味、効果を利用した代替手段はあります。
|
|
2
|
+
[https://koseken.com/after-before-inline](https://koseken.com/after-before-inline)
|
|
2
3
|
|
|
4
|
+
が、そもそもインラインスタイルはあまりよろしくないと思います。
|
|
5
|
+
|
|
6
|
+
「大きい丸」「小さい丸」のクラスを別個に作れば良いのでは。
|
|
7
|
+
|
|
3
8
|
例えば（定義のみ・処理内容省略）
|
|
4
9
|
```css
|
|
5
10
|
.balloon.balloon-large::before{
|
1
修正
answer
CHANGED
|
@@ -12,4 +12,6 @@
|
|
|
12
12
|
|
|
13
13
|
<div class="balloon balloon-small"></div>
|
|
14
14
|
|
|
15
|
-
```
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
CSSフレームワークなどでも「共有処理」＋「個別サイズ・色の処理」でこのように定義しているものをよく見ます。
|