Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8945
↧

【React】moduleを使ってCSSのクラスを複数指定する方法

March 16, 2021, 5:22 pm
$
0
0

Reactビギナーの備忘録。

問題

React × moduleを使って「CSSスタイリングを同時に複数したい」がどうやってやればいいの？と思ったのでまとめておきます。

解決策

①App.jsファイル内のClassの書き方

//App.jsimportstylesfrom"./style.module.css";<tdclassName={`${styles.td}${styles.thid}`}>{id}</td>

②CSSファイル
こちらはおなじみの書き方です。

//style.module.css

.td{
    background: #fff;
}
.thid{
    color: #000;
}

以上。

↧
Search
Viewing all articles
Browse latest Browse all 8945

Trending Articles

和歌山市でマンションの部屋全焼

September 8, 2015, 7:23 pm

更新プログラムがインストールされません

July 11, 2015, 4:06 am

井上貴博アナウンサー彼女や結婚の噂は？実家や親が話題？人気は？

September 15, 2013, 1:59 am

宇宙運命数「８」　はくちょう座

September 23, 2018, 7:32 pm

カラオケ鉄板ネタになるの間違いなし「大塚愛から福原愛」って何！？

December 2, 2016, 11:00 pm

2016年1月22日号　山口銀行（1月4日付）

January 22, 2016, 3:58 am

人気占い師・Sakkoが占う！今日のアナタの運勢と、ラッキーカラーは・・・

October 16, 2019, 2:30 pm

サキュバス戦記　攻略

February 18, 2019, 9:27 am

この記事は表示できません

August 23, 2019, 6:15 pm

【ネタバレ感想】「7人目のスタンド使い」その18

August 2, 2016, 8:00 pm

上海問屋、7色に切り替えられるアイソレーションキーボード

August 3, 2014, 2:00 pm

【変更対戦カードのお知らせ】7.23『アマチュア全日本選手権大会』

July 18, 2017, 1:47 am

Microsoft、最も議論を呼んだWindows 11のタスクバーの問題を修正中

December 28, 2021, 5:14 pm

野口興業（弘道会/山口組）

December 13, 2015, 11:12 pm

エンタープライズ モードの設定方法について

August 29, 2014, 5:07 am

【ディズニーランドパリ】日本にないオススメアトラクション13選【ウォルトディズニースタジオ】

February 21, 2019, 5:31 am

サマータイムレンダ01

April 14, 2022, 8:34 am

Article 2

September 27, 2025, 5:31 pm

【世界大学ランキング】 第１位にジュリアード音楽院とウィーン国立音大、日本勢は？

August 23, 2019, 1:32 am

株式会社アルテカ　代表　野村 紘一

March 15, 2018, 12:16 am
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>