比較同層選取器與同層相鄰選取器的差異
Jul 15, 2021
本篇短文主要是解釋「同層選取器(General Sibling Combinator)」與「同層相鄰選取器(Adjacent Sibling Combinator)」兩者的使用時機，再以實例比較兩者之間的差異。
同層選取器 A ~ B：
假設要將 h1 標籤以下的 p 段落全部統一改為綠色字設定時，可使用同層選取器，可觀察到除了 h1 標籤仍為瀏覽器設定的字色以外，其以下的 p 段落全都被改為綠色字。
同層相鄰選取器 A + B：
假設只要將 h1 標籤以下的第一個 p 段落改為綠色字設定，其餘都不更動，可使用同層相鄰選取器，可觀察到只有 h1 標籤底下的第一個 p 段落字色為綠色，其餘的 p 段落仍保持原始瀏覽器設定的字色。
