共用方式為


一般同層級項目

指定選取器元素之間的一般同層級關係。

語法

E~F { sRules }

可能的值

E

指定文件語言元素類型或簡單選取器名稱的字串。

F

指定文件語言元素類型或簡單選取器名稱的字串。

sRules

指定一或多個階層式樣式表屬性/值組的字串。

備註

一般同層級結合器是分隔兩個簡單選取器的「波狀符號」字元 (~)。空白字元沒有任何影響。

"E~F" 形式的選取器會在文件樹狀目錄中尋找尾隨同層級元素 E 的元素 F,並忽略非元素節點 (例如文字節點和註解)。元素 E 和 F 必須共用相同的父項,但是 E 不需緊跟在 F 之前。若要尋找父項的第一個子項,請使用 :first-child 虛擬類別。

範例

下列範例會減少分隔 H1 元素與緊接在後之 H2 元素的垂直空間:

<style>
    h1~h2 {margin-top: -5mm;}   
</style>

標準資訊

此選取器是在階層式樣式表 (CSS) 層級 3 (CSS3) (英文) 中定義。

請參閱

概念

瞭解選取器

相鄰同層級項目

子項

下階