CSSめも

CSSメモ

「お前は何をいっている？」っていまさらメモ。

子孫/子/隣接セレクタ(ドキュメントの構造に応じて適用)

[覚え書き] CSS再入門～セレクタ～より

A B { color: red; } /* Aの階層下のすべてのBに適用 */
A > B { color: red; } /* Aの1階層下のBに適用 */
A + B { color: red; } /* Aの階直後のBに適用 */

選択文字の背景をハイライトにする

どうでもいいことだけど、なんか見つけて気に入ったのでメモ

codepen

See the Pen Highlighting selected text in color by fujisystem (@fujisystem) on CodePen.

ダークモード

いまさらながらダークモード対応に入門したより

:root{ filter: invert(100%) hue-rotate(180deg); }