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

X + Y⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛

解釋： 同一階-在其後的大弟或大妹才擁有套用樣式的資格
X 與 Y 兩者獨立且在同一階層、
X 於 Y 正前方

div的孩子

中間夾雜a標籤

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

X + Y⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛⬛

div的孩子

●[獲選~!]div的大弟● ●[獲選~!]p底下的文字被span包覆，依舊是div的大弟●

中間夾雜a標籤

●div的二弟●

中間夾雜code標籤

●div的3弟●

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