2012-02-27 8 views

答えて

6

「一般的な兄弟」を意味します。セレクター:

a ~ b 

一致し、同じ親要素内で、aに一致する要素の後に来るbに一致するすべての要素。例えば、このような構造を取る:

<p> 
    <span>Span 1</span> 
    <strong>Strong emphasis</strong> 
    <span>Span 2</span> 
</p> 

セレクタp span ~ spanは、第<span>と一致します。

+0

これは非常に良好な応答でした。 +1 – SMT

0

B E要素が先行するすべてのF要素マッチ「」要素

+0

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_gen_sibling –

0

セレクタ«E〜F»に先行されているすべての「B」の要素を選択します。要素EとFは同じツリーレベルになければなりませんが、Eは以前のどこかにある必要があります。

例:

H1〜PREはH1以下pre要素を表します。関数の

定義(X) は、テーブル内のすべての数値に適用されなければならない

機能:それは、正確かつ有効 が、部分的な説明です。

function a(x) = 
12x/13.5

W3Cセレクタリファレンス:http://www.w3.org/TR/selectors/

0

チルダ(〜)は、セレクタの一部として間接隣接結合子のために使用されます。 CSS Sibling Combinatorの一部です。 [docs here]

あなたは、隣接セレクタa + bが表示された場合bが右a

の後に来る。しかし、bは後に任意の位置に来ることができるようにa ~ bが選択を一般いったんスタイルがマッチします。

Example: 

h1 ~ pre 

represents a pre element following an h1. It is a correct and valid, but partial, description of: 

<h1>Definition of the function a</h1> 
<p>Function a(x) has to be applied to all figures in the table.</p> 
<pre>function a(x) = 12x/13.5</pre> 
関連する問題