blob: a9c87058d8684d6a22b1517bc6a4f49a227bdfc1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
---
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 > 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>
|
