5

cl2このコードを使用すると、クラスのすべての段落が" "redとは異なります。

<head>
<style type="text/css">
p{ color:#000000; }
:not(.cl2){ color:#ff0000; }
</style>
</head>
<body>
<p class="cl1">This is a paragraph.</p>
<p class="cl2">This is second paragraph.</p>
<p class="cl2">This is third paragraph.</p>
<p class="cl3">This is fourth paragraph.</p>
<p class="cl2">This is fifth paragraph.</p>
<p class="cl2">This is sixth paragraph.</p>
<p class="cl4">This is seventh paragraph.</p>
<p class="cl5">This is eigth paragraph.</p>
<p class="cl1">This is nineth paragraph.</p>
</body>

:notたとえば、クラス " cl2" AND " "を無視するようにセレクターを拡張するにはどうすればよいcl4ですか?私は試しました::not(.cl2, .cl4){ color:#ff0000; }しかし、それは機能しません。

4

1 に答える 1

9
:not(.cl2):not(.cl4){ color:#ff0000; }

http://jsfiddle.net/nottrobin/WFwtP/

CSS3とjQueryのセレクターには違い:notがあることに注意してください-CSS4仕様に収束しているためです(@BoltClockに感謝)

于 2012-09-04T22:17:15.300 に答える