回答編集履歴
1
タイプミス修正
test
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
CSSセレクタ記述の中の空白は、子孫タグを意味します。
|
2
2
|
例えば、`"div.foo p"`だと、`foo`というクラスを持つ`div`の子孫タグの`p`を意味します。
|
3
3
|
|
4
|
-
` ".first.second :not(.third)"`だと、「`first`と`second`というクラスをもつ何らかのタグの子孫のうち、`thi
|
4
|
+
` ".first.second :not(.third)"`だと、「`first`と`second`というクラスをもつ何らかのタグの子孫のうち、`third`というクラスを持たない何らかのタグ」を意味するので、このHTMLだと2つの`p`タグがヒットします。`div`じゃなくて。`p`タグは両方とも条件を満たします。
|
5
5
|
|
6
6
|
「子孫タグ」じゃないなら、空白無しで続けましょう。
|
7
7
|
` ".first.second:not(.third)"`
|