參考網站:
https://selflearningsuccess.com/css-combinators/

X ~ Y⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛

解釋: 同一階-弟弟妹妹們都獲選
X 與 Y 兩者獨立且在同一階層、
X 於 Y 前方

div的孩子

●div的弟弟妹妹●

中間夾雜a標籤

●div的弟弟妹妹● ●p底下的文字被span包覆,依舊是div的弟弟妹妹●

中間夾雜code標籤

●div的弟弟妹妹●

被span包覆,已經不是弟弟妹妹