让居民有更多获得感——重庆探索创新公租...

百度 哥谭镇的民众不愿失去他们的主干道，于是散布了谣言，希望能够阻止国王的巡视。

Die Spezifit?t des &-Verschachtelungsselektors wird anhand der gr??ten Spezifit?t in der zugeh?rigen Selektorliste berechnet. Dies ist identisch mit der Berechnung der Spezifit?t, wenn die :is()-Funktion verwendet wird.

html
<b class="foo">
  <i>Blue text</i>
</b>

&-Verschachtelungssyntax

css
#a, b {
  & i {
    color: blue;
  }
}

.foo i {
  color: red;
}

:is()-Syntax

css
:is(#a, b) {
  & i {
    color: blue;
  }
}

.foo i {
  color: red;
}

In diesem Beispiel hat der ID-Selektor (#a) eine Spezifit?t von 1-0-0, w?hrend der Typselektor (b) eine Spezifit?t von 0-0-1 hat. Der &-Verschachtelungsselektor und die :is()-Pseudo-Klasse nehmen beide eine Spezifit?t von 1-0-0 an, obwohl der #a ID-Selektor nie verwendet wird.

Der .foo Klassenselektor hat eine Spezifit?t von 0-1-0. Dies ergibt eine Gesamtspezifit?t von 1-0-1 für & i und 0-1-1 für .foo i, was bedeutet, dass color: blue; gewinnt.

Siehe auch