似ているけどちょっと違うものをスタイリングする CSS テクニック - mizdra's blog

テクノロジーカテゴリーの変更を依頼記事元:

www.mizdra.net

23 usersがブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

sh19910711 "カテゴリごとに文字色やボーダーの色を変えたい / CSS カスタムプロパティ: 2016 年頃から全てのメジャーブラウザに実装 / CSS Nesting: 去年メジャーブラウザに実装 + 古いブラウザでも動かしたい場合は postcss で"

2024/04/26 リンク

naari_3 “category-color”

2024/02/14 リンク

forestk よくやるやつであり、プロダクトの成長に従い徐々に乖離が出てきて結局クラスを分けないといけなくなったりもするやつ

2024/02/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

似ているけどちょっと違うものをスタイリングする CSS テクニック - mizdra's blog

React + CSS Modules なプロジェクトを例にサンプルコードを書いてるけど、それ以外の構成のプロジェク... React + CSS Modules なプロジェクトを例にサンプルコードを書いてるけど、それ以外の構成のプロジェクトでも使えるテクニックのはず。記事タイトルは id:hitode909 さんの似ているけどちょっと違うものたちをモデリングする技術 - hitode909 のリスペクトです。 data 属性, 属性セレクター, CSS カスタムプロパティを使う記事のリストがあって、記事のカテゴリごとに文字色やボーダーの色を変えたい、みたいな状況だったとする。多分素朴に書くと以下のようになるはず。 import styles from './Entry.module.css'; import clsx from 'clsx' function Entry(props) { return ( <div className={ clsx(props.category === '暮らし' ? s

ブックマークしたユーザー

sh199107112024/04/26
atmos-phere2024/02/18
winterfall2024/02/15
tanuketsu2024/02/14
naari_32024/02/14
utgwkk2024/02/14
Galbo2024/02/14
dhesusan46492024/02/14
balaem2024/02/14
yuki_20212024/02/14
yug12242024/02/14
Toge2024/02/14
e10kg2024/02/14
forestk2024/02/14
akira_maru2024/02/14
nagayama2024/02/13
kkeisuke2024/02/13

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx