セレン - CSSセレクタ高度な使い方

子要素セレクタ

要素の子を選択します

(1)と異なる子孫セレクタ:#choose_carオプション

例#choose_car>オプションの場合

フッタ> P

これは、クラスの多くのことができます

UL>オール> LI> EM

注意:直接の子を使用することができます>

2. [グループ

同時に素子の選択された複数のグループを選択し、カンマで区切っ

(1)構文<S1>、<S2>

(2)例えば、P、ボタン  

#食品、.cheese

組み合わせ

(1)を選択し、すべての子要素のためのスパンIDと(非食品のサブ要素を含む)すべての食品P

#food>スパン、P

(2)すべての子要素の食品とすべてのサブ要素pのためのスパンIDを選択

#food>スパン、#食品> P

食品のIDを選択するために、すべての子要素(3)

#food> *

3.兄弟

(1)すぐに要素の後に別の要素を選択し、両方が同じ親要素を持っています

例えば:#食べ物+ DIV 

#many> div>のp.special + P

(2)別の要素の後の要素を選択し、同じ親要素の両方が存在します

そのようなものとして

#食べ物〜DIV

4.属性セレクタ

要素は、要素の属性と属性値を選択することができ、

そのようなものとして

すべてのスタイル属性の* [スタイル]#選択された値

指定された属性のP [スペック= LEN2]#値

P [スペック* = 'LEN2']#はLEN2の値が含まれています

LEN2を開始するP [スペック^ = 'LEN2']# 

P [スペック$ = 'LEN2'] LEN2を終了する#

P [クラス=特別] [名= P1]

 

 CSSセレクタの構文の詳細URL:

http://www.w3school.com.cn/cssref/css_selectors.ASP

 一般的な構文:

:バックアップするN番目の子(n)は、フロントの#数

:N番目-最後の子(N)#番号後ろから前へ

自動選択ボックス:

 

おすすめ

転載: www.cnblogs.com/iamshasha/p/11106046.html