質問編集履歴
4
質問内容の具体化と追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
問題に対する質問が違ったのでもう一度質問させていただきます。
|
|
2
2
|
|
|
3
3
|
BEM記法で書いていてcssはSCSS環境で書いています。
|
|
4
|
-
その際、hoverを使うときに、.button__linkと.button__text
|
|
4
|
+
その際、hoverを使うときに、.button__linkと.button__text, .button__link::before, .button__link::afterを一つのネストで記述する場合、どう記述すればいいでしょうか？
|
|
5
|
+
|
|
6
|
+
-追記-
|
|
7
|
+
自分の質問が具体的じゃない状態で質問してしまい、質問の方向が変わってしまってすみません。
|
|
5
|
-
|
|
8
|
+
回答してもらった皆さん、本当にありがとうございます。
|
|
6
9
|
|
|
7
10
|
[HTML]
|
|
8
11
|
```HTML
|
3
擬似要素の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
どう記述すればいいでしょうか？
|
|
6
6
|
|
|
7
7
|
[HTML]
|
|
8
|
-
```
|
|
8
|
+
```HTML
|
|
9
9
|
<div class="test">
|
|
10
10
|
<div class="button">
|
|
11
11
|
<a class="button__link" href="#">
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
```
|
|
17
17
|
|
|
18
18
|
[SCSS]
|
|
19
|
-
```
|
|
19
|
+
```SCSS
|
|
20
20
|
.test {
|
|
21
21
|
.button {
|
|
22
22
|
&__link {}
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
}
|
|
26
26
|
&:hover {
|
|
27
27
|
&__link {
|
|
28
|
+
position: relative;
|
|
28
29
|
background-color: #333;
|
|
30
|
+
&::before {// 矢印のアイコン}
|
|
31
|
+
&::after {// 矢印のアイコン}
|
|
29
32
|
}
|
|
30
33
|
&__text {
|
|
31
34
|
color: #FFF;
|
2
コロン忘れ
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
.button {
|
|
22
22
|
&__link {}
|
|
23
23
|
&__text {
|
|
24
|
-
color: #333
|
|
24
|
+
color: #333;
|
|
25
25
|
}
|
|
26
26
|
&:hover {
|
|
27
27
|
&__link {
|
1
一部適応されていない変数のコードの訂正をしました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
&:hover {
|
|
27
27
|
&__link {
|
|
28
|
-
background-color:
|
|
28
|
+
background-color: #333;
|
|
29
29
|
}
|
|
30
30
|
&__text {
|
|
31
31
|
color: #FFF;
|