CSS超初心者です。
CSSフレームワークを用いた画面開発を行おうとしているのですが、
CSSフレームワークで用意されているセレクタの一部のプロパティ値を修正したい場合などは、
どのように対応するのがデファクトでしょうか?
例えば、下記のようなコレクションを表現するようなクラスが定義されていた場合に、
.collection .collection-item
のbackground-color
を別の色にしたいというようなケースです。
.collection { margin: 0.5rem 0 1rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative; } .collection .collection-item { background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; } .collection .collection-item.avatar { min-height: 84px; padding-left: 72px; position: relative; }
①CSSフレームワークのCSSを直接編集しローカルに保存
②独自のCSSでの.collection .collection-item
を定義し、読込み順序で上書きする。
③.collection .collection-item
とは別名のセレクタを定義し、それを利用する。
④その他
個人的には②が手軽でいいのかなという気がしていますが、
上書きしたいものだけをパラパラと独自のCSSに記載していくのは、管理上煩雑だったりするのかなとも思い、
皆さまのご意見を頂けますと幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。