Q:CSSで使う記号を覚えきれません すぐ忘れます
A:メモしておけば忘れても少しは安心(具体例がないと思い出せないかな)
* 全称セレクタ
# IDセレクタ
. クラスセレクタ
, 複数指定
半角スペース 親子関係にある子孫セレクタに適用
繋げて記述 両方がある要素のみに適用(同じタグ内に複数クラス名)
> 直下の複数の子セレクタに適用
+ 要素の次(隣接)の兄弟セレクタのみに適用
~ 以降の複数要素に適用
[] 属性セレクタの条件
{} セレクタに対するCSS指示
^ ~から始まる a[href^="https://"] href属性がhttps://で始まるa
$ ~で終わる a[href$="pdf"] href属性がpdfで終わるa
: 擬似要素, 擬似クラス
:has() 特定要素を持つ要素を指定
; 一つのCSSの終わり
参考:HTML memo