ユニバーサル兄弟セレクター
このセレクターは、隣接する兄弟セレクターよりも一致範囲が広く、「隣接」制限はありません。
E ~ F
上記は、ユニバーサル兄弟セレクターを作成するための形式です。 E と F は同じ親要素を持つ必要があり、F 要素は E 要素の後ろにあります。コード例は次のとおりです。 ;meta charset= " utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>php 中国語のウェブサイト</title> ;
<style type="text/css">
li{color:blue}
.antzone ~ li{
color:red;
}
</style>
< /head>
<body>
<ul>
<li>php 中国語ウェブサイト one</li>
<li>php 中国語ウェブサイト three</li>
<li>php中国のウェブサイト four</li>
</ul>
</body>
</html>
上記のコードは、antzone の後ろにあるすべての li 要素のフォントを赤に設定できます。