Type Selector（タイプセレクタ）: 指定したHTMLのタグ名に一致するすべての要素を選択します。ドキュメント全体のベースとなるタイポグラフィや余白の初期化など、広範囲なスタイリングに利用されます。 Class Selector / ID Selector（クラス / IDセレクタ）: class属性 ...
プログラム自学案内の7回目です。前回の記事ではCSSファイルとCSS属性のいくつかを紹介しました。今回はCSSセレクタ（CSS Selector）を案内します。CSSセレクタのコーディングには、パズル的なところがあり、意外と面白いです。 準備：簡単なHTMLファイルと空 ...
CSSの:is()疑似クラスが各ブラウザにサポート（参考: Can I use）されるようになって、1年が過ぎました。使用率も97%を超え、通常の案件に使用している人も多いと思います。 :is()疑似クラスは複数のセレクタを1つにまとめられて便利ですが、セレクタの末尾に ...
古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？ CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニックを紹介します。 Using Feature ...
12月19日、Firefox121がリリースされた。このバージョンで、CSSの関係 （リレーショナル） 擬似クラス:has()に対応した。ほかの主要ブラウザ （Chrome、Edge、Safari） ではすでに対応しており、これで:has()が一般的に使えるようになったと言える。 :has()を簡単に ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する