「未満」を表現！メディアクエリの「not」キーワード | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアのつっちーです。 以前に、「メディアクエリの書き方に注意しないと、ウインドウ幅と表示倍率によっては、スタイルの適用されない状態が発生してしまう」という内容の記事を書きました。 今回はその続編です。前回の記事では、対策として以下の2点を挙げ、基本的には1の方法を利用すべきであるとまとめました。 メディアクエリの設定をmin-widthかmax-widthに統一する（推奨） メディアクエリの設定に小数を利用する（非推奨） でも、たまにこの方法では不便なケースにも遭遇します。そんなときに便利なnotというキーワードがあったことを、最近になって知りましたので、もう一つの解決策として取り上げてみます。 こんなとき、min-widthかmax-widthに統一するのは大変…… 上に書いたとおり、メディアクエリはmin-widthかmax-widthに統一したいものです。ブレイクポ
CSS｜:not()の使い方まとめ！複数指定などサンプル10個
CSSの否定疑似クラス:not()の使い方を紹介します。 :not()を利用するとコードがシンプルになることもあるので是非使い方をマスターしてください。 CSSの:not()の対応ブラウザ 各種ブラウザがCSSの:not()をサポートしているかはこちらで確認できます。 現在では主要なブラウザ全てで対応しているので気兼ねなく利用できます。 CSSの:not()の使い方 :not()は、Selectors Level 3では「E:not(s)」と表記され、「sではないセレクタを持つE要素」という意味になります。 タグを除外する IDがsample-01の要素の中にあるpタグ以外の要素の背景色を緑にします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの否定擬似クラスnotとは？一部の要素を除外する方法 | 侍エンジニアブログ
