參考網站:
https://selflearningsuccess.com/css-combinators/
X ~ Y⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛
解釋: 同一階-弟弟妹妹們都獲選
X 與 Y 兩者獨立且在同一階層、
X 於 Y 前方
div的孩子
●div的弟弟妹妹●
中間夾雜a標籤
●div的弟弟妹妹●
●p底下的文字被span包覆,依舊是div的弟弟妹妹●
中間夾雜code標籤
●div的弟弟妹妹●
被span包覆,已經不是弟弟妹妹