1

a .someclass、.someclass aまたはのようなCSSの違いimg .someclassを説明してもらえます.someclass imgか？

4

6 に答える 6

7 
a .someclass

「someclass」のクラスを持つ任意の (「a」タグの子孫) を選択します

<a href="#example">
    <span class="someclass">...</span>
</a>

その間

.someclass a

「a」タグである任意の (「someclass」のクラスを持つタグの子孫) を選択します。

<div class="someclass">
    <a href="...">...</a>
</div>

と

a.someclass /* Note absence of spaces */

「someclass」のクラスを持つ任意の「a」タグを選択します。

<a href="..." class="someclass">...</a>
于 2013-02-02T05:16:13.700 に答える
0

これは子孫セレクターです

a .someclasssomeclassアンカー要素内にあるのクラスを持つ要素に一致します。

<a href="#example">
   <span class="someclass">...</span><!-- this one is matched -->
</a>

.someclass aのクラスを持つ要素内にあるアンカーに一致しますsomeclass:

<span class="someclass">
    <a href="#example">...</a><!-- this one is matched -->
</span>
于 2013-02-02T05:16:01.207 に答える
0

domツリーを下に移動するときの操作の順序のように考えてください。たとえばa .someclass /* space in between */、次の場合に適用されます。

<a href="">
   <span class="someclass"></span>
</a>

while.someclass a /* space in between */は次の場合に適用されます。

<div class="someclass">
   <a href=""></a>
</div>
于 2013-02-02T05:17:59.373 に答える
0 
a .someclass

このスパンに一致します:

<a><span class="someclass"></span></a>

--

.someclass a

このスパンに一致します:

<a class="someclass"><span></span></a>

--

または、img .someclass と .someclass img のようなものですか?

上記を参照してください。ただし、aタグをタグにimg置き換えます

于 2013-02-02T05:18:56.620 に答える
0

a.first は、first** のクラスを持つ任意のタグを選択します。.first a は、「first」のクラスを持つ要素の子である任意のタグを選択します

于 2013-02-02T05:19:38.667 に答える
0

違いは、適用される順序です。スペースで区切られたセレクターのリストがある場合、前者のセレクターが親で後者が子である親子関係を示します。2 つ以上のセレクターがある場合、これはチェーンの下に続きます。

使用するとき

img .className { /* style rules */ }

class="className"イメージタグを持ち、その内部にネストされているすべての要素を探します。(.classNameの子であるすべてimg)

ただし、使用するときは

.className img { /* style rules */ }

で要素内にネストされているすべてのイメージタグを探しますclass="className"。(imgの子であるすべて.className)

于 2013-02-02T05:21:06.137 に答える