2017-01-30 4 views
2

私はMDNを使って "コンビネーションセレクター"を研究しています。これは、AとBを一緒に配置することによって(AとBは任意のセレクタとなり得る)、同時にAとBの両方に一致する任意の要素を選択することを意味する。コンビネーションセレクター「AB」はどのように機能しますか?ここで「A」と「B」はセレクタですか?

誰かが実際にどのように動作するのか説明してください。

他の組み合わせセレクタ「A B」、「A> B」、「A + B」および「A〜B」はどのように機能するのですか?

enter image description here

答えて

2

それは単に要素が一致するクラスの両方を持っている必要がありますを意味します。これはルール

.A.B { //rules } 

によって選択されるであろう

<div class="A B"> 

例えば要素のクラス名は、スペースで区切られなければならないが、CSSセレクタは、クラス名との間の空間を持っていないであろう。これは、あなたのテーブルの例では2番目のケースであり、別の状況です。

+1

これは完璧な意味があります。手伝ってくれてどうもありがとう! – Thor

+1

ようこそ。 IMOでは、MDNテーブルは、実世界のような期間を「A」と「B」とすると、より明確になります。 – j08691

+0

は真です。私はさらに "div"と "p"タグを一緒に配置しようとしました – Thor

2

セレクタを2つ選択し、それらの間に何もせずに一緒に記述します。

たとえば、<a>要素とBこと:focus擬似クラスセレクタのタイプセレクタとします。

a:focus 
+0

ご意見ありがとうございました!今分かります! – Thor

関連する問題