CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS関数（Functions）CSS選択子全書

CSS3 ~ 一般的な兄弟選択子

一般的な兄弟選択子、位置は隣接する必要はありません、同一レベルであればよく、A~B選択子はA要素の後ろのすべての同一レベルのB要素を選択します。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

同じ親要素の下のp要素の後ろの各span要素のフォント色を設定します：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本トレーニング(oldtoolbag.com)</title>
<style>
p　~　span　{
　　color:　red;
}
</style>
</head>
<body>
<span>これは赤ではありません.</span>
<p>ここに段落があります.</p>
<code>ここにコードがあります.</code>
<span>ここにspanがあります.</span>
</body>
</html>

テストしてみる ‹/›

定義と用法

former_element　~　target_element　{　style　properties　}

element1~element2 選択子が element1 その後の element2。

element1 そして element2 これらの要素は同じ親要素を持たなければなりませんが、 element2 必ずしも直後に配置する必要はありません。 element1 の後ろに配置する必要はありません。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがサポートしています element1~element2 選択子。

注意：IEで使用するには、8 その選択子を使用するには、この宣言が必要です。 <!DOCTYPE>。

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書