シンプルなHTMLで、レスポンシブとライト・ダークモード対応のモダンなWebページを簡単に作成できる超軽量CSSライブラリ -matcha.css
シンプルなHTMLを使用して、レスポンシブ対応、ライト・ダークモード対応のモダンなWebページを簡単に作成できる超軽量CSSライブラリを紹介します。 シンプルなWebページやポートフォリオ、プロトタイプなどをすばやく作成したい時に便利で、ベースにしてリセットCSSの拡張版としても利用できます。 matcha.css matcha.css -GitHub matcha.cssの特徴 matcha.cssの使い方 matcha.cssのデモ matcha.cssの特徴 matcha.cssは、classレスでHTMLのあらゆる要素にシンプルで読みやすいスタイルを設定するように設計されたCSSライブラリです。ライト・ダークモード対応で、テキストはユーザー設定が尊重された適切なスペースで配置され、ナビゲーションやフォームなども非常に見栄えがします。 matcha.css HTMLで作成された静的ペ
CSS importantを上書きする方法
対応1：相手よりセレクタの優先度を高くしつつimportantを指定 importantは解除できませんが、上書きして実質効かせなくすることは可能です。 上書きする際は相手よりセレクタの優先度を高くしつつ、こちらもimportantをつけます。 例 .example{ margin: 0 !important; } ↑このCSSを上書きしてみましょう。 body .example{ margin: 100px !important; } ↑このように相手よりセレクタの優先度を高くしつつ、こちらもimportantをつけます。 カンタンなのは、相手と同じセレクタをコピーして、その上にbodyやhtmlなどのセレクタを追加することです。これで相手より1点分優先順位が上がるため上書きできます。 なお、上書きするCSSより後述できるのなら同じセレクタでも上書きできます。 セレクタの優先度については
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
