質問編集履歴

2

タグの編集

2022/08/05 02:51

投稿

warabiya
warabiya

スコア1

test CHANGED
File without changes
test CHANGED
File without changes

1

環境、コードの追記

2022/08/05 02:48

投稿

warabiya
warabiya

スコア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
- info1.scssページ内の「@use "index";」を削除して修正するとindex.cssに修正が適用され、
47
+ font-weight: bold;
48
+ background: green;
49
+ }
50
+ ```
30
- もちろんその時点ではinfo1.cssは修正されていないので
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
+