擬似クラスとは何か？──:hover, :focus を極めて洗練されたUIへ 擬似クラス（Pseudo-class）とは？ 擬似クラス（:hover, :focus など）とは、HTMLの要素がある特定の状態（ステート）になったときに、スタイルを適用するためのCSSの仕組みです。 要素が通常では持た ...

header :has(h1.header.chapter) { margin-top: 10px; } header :has(h1.header) { margin-top: 10px; } header :has(h1) { margin-top: 10px; } header :has(.header) { margin ...

12月19日、Firefox121がリリースされた。このバージョンで、CSSの関係 （リレーショナル） 擬似クラス:has()に対応した。ほかの主要ブラウザ （Chrome、Edge、Safari） ではすでに対応しており、これで:has()が一般的に使えるようになったと言える。 :has()を簡単に ...

Small vanilla javascript that feature detect the :focus-within pseudo selector and polyfills it with a standard css class if necessary.

Versions 110.0.5481.77/.78 (Windows version) and 110.0.5481.77 (Mac version/Linux version), the latest stable version of the web browser 'Google Chrome', have been released. A number of additional ...

プログラム自学案内の7回目です。前回の記事ではCSSファイルとCSS属性のいくつかを紹介しました。今回はCSSセレクタ（CSS Selector）を案内します。CSSセレクタのコーディングには、パズル的なところがあり、意外と面白いです。 準備：簡単なHTMLファイルと空 ...