---
title: ':not'
slug: 'Web/CSS/:not'
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: 'Web/CSS/:not'
---
<p>{{ CSSRef() }}</p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p>Pseudoklasa <code>:not</code> sprawia, iż własności są stosowane do elementów, które nie spełniają podanego kryterium.</p>

<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>

<pre class="eval notranslate">selektor:not(selektor) { własności }
</pre>

<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>

<pre class="eval notranslate">*:not(DIV) { color: red; }
</pre>

<p>Przykład nada czerwony kolor czcionki wszystkim elementom za wyjątkiem elementów <code>DIV</code>.</p>

<pre class="eval notranslate">input:not([DISABLED]) { border-color: green; }
</pre>

<p>Przykład nada wszystkim elementom <code>INPUT</code>, które są aktywne (nie są <code>DISABLED</code>), zmieni kolor obramowania na zielone.</p>

<pre class="eval notranslate">input:not([TYPE=PASSWORD]) {<em>własności</em> }
</pre>

<p>Przykład przydzieli własności wszystkim elementom <code>INPUT</code>, które mają atrybut <code>TYPE</code> inny niż <code>PASSWORD</code>.</p>

<pre class="eval notranslate">*:not(P) {<em>własności</em> }
</pre>

<p>Przykład przydzieli własności wszystkim elementom innym, niż <code>P</code>.</p>

<pre class="eval notranslate">a:not(:hover) {<em>własności</em> }
</pre>

<p>Przykład nada własności wszystkim elementom <code>A</code>, na których nie stoi kursor. Jest to równoważne z:</p>

<pre class="eval notranslate">a:link:visited {<em>własności</em> }
</pre>



<pre class="eval notranslate">body &gt; input:not([disabled]):not([type=text]) {<em>własności</em> }
</pre>

<p>Przykład przypisze własności wszystkim elementom <code>INPUT</code>, które są dziećmi <code>BODY</code> oraz, które nie mają atrybutu <code>DISABLED</code> i jednocześnie nie są typu <code>TEXT</code>.</p>

<h3 id="Notatki" name="Notatki">Notatki</h3>

<p>Pseudoklasa <code>:not</code> nie może być negowana przez inne <code>:not</code>.</p>



<h3 id="Specyfikacje" name="Specyfikacje">Specyfikacje</h3>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#negation">CSS 3</a></li>
</ul>

<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>

<p>{{ Cssxref(":before") }}, {{ Cssxref(":after") }}, {{ Cssxref("content") }}, {{ Cssxref(":empty") }}</p>