質問編集履歴
2
タグの編集
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
1
環境、コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -25,9 +25,30 @@
|
|
25
25
|
}
|
26
26
|
```
|
27
27
|
上記のように修正すると index は太字のままで、info1 のみが太字+赤字+緑背景 になります。
|
28
|
+
コンパイルしたcssは以下のようになります。
|
29
|
+
```index.css
|
30
|
+
p {
|
31
|
+
font-weight: bold;
|
32
|
+
}
|
33
|
+
```
|
34
|
+
```info1.css
|
35
|
+
p {
|
36
|
+
font-weight: bold;
|
37
|
+
background: green;
|
38
|
+
}
|
39
|
+
p {
|
40
|
+
color: red;
|
41
|
+
}
|
42
|
+
```
|
43
|
+
info1.scssページ内の「@use "index";」を削除して修正するとindex.cssに修正が適用されます。
|
28
44
|
|
45
|
+
```index.css
|
46
|
+
p {
|
29
|
-
|
47
|
+
font-weight: bold;
|
48
|
+
background: green;
|
49
|
+
}
|
50
|
+
```
|
30
|
-
|
51
|
+
この時点ではinfo1.cssは修正されていないので
|
31
52
|
その後にあらためて「@use "index";」を記載すると両方に修正が適用されました。
|
32
53
|
|
33
54
|
これはそもそもがSassまたは@useの仕様で、こうなって当然なのでしょうか?
|
@@ -36,9 +57,14 @@
|
|
36
57
|
Sassを勉強しはじめたばかりでどこから疑うべきかの時点でつまずいています。
|
37
58
|
ご助言お願いします。
|
38
59
|
|
60
|
+
※追記
|
61
|
+
コンパイルはPreprosを利用しています。設定は保存先の設定しか変更していません。
|
62
|
+
コードはDreamweaverで記述しています。
|
63
|
+
また、コンパイル後のcssを追記しました。
|
39
64
|
|
40
65
|
|
41
66
|
|
42
67
|
|
43
68
|
|
44
69
|
|
70
|
+
|