質問編集履歴
2
本文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
ただし、```Library```コンポーネントは```Hoge```コンポーネントでしか使わないため、他ページで```hoge.css```を読むのは無駄になります。
|
|
122
122
|
|
|
123
|
-
- css modulesで下記のようにクラス名ではなくhtml要素を指定すれば
|
|
123
|
+
- css modulesで下記のようにクラス名ではなくhtml要素を指定すればスタイルを適用できそうですが、手間が掛かるのと可読性を損なうので、この手法は避けたいです。
|
|
124
124
|
|
|
125
125
|
```scss
|
|
126
126
|
|
|
@@ -154,4 +154,4 @@
|
|
|
154
154
|
|
|
155
155
|
|
|
156
156
|
|
|
157
|
-
css modulesのファイルで子html要素にクラス名を指定して
|
|
157
|
+
css modulesのファイルで子html要素にクラス名を指定してする書き方や、next.jsの設定や書き方で```_app.tsx```以外のコンポーネントでcssファイルをインポートできる方法を調べましたが、見つけられませんでした。
|
1
コード
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -102,6 +102,8 @@
|
|
|
102
102
|
|
|
103
103
|
<button class="rightBtn">Right</button>
|
|
104
104
|
|
|
105
|
+
...省略
|
|
106
|
+
|
|
105
107
|
</div>
|
|
106
108
|
|
|
107
109
|
```
|