files/ca/web/css/selectors_universal/index.html


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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176

---
title: Selector Universal
slug: Web/CSS/Selectors_Universal
tags:
  - CSS
  - NeedsBrowserCompatibility
  - NeedsMobileBrowserCompatibility
  - Reference
  - Selectors
translation_of: Web/CSS/Universal_selectors
---
<div>{{CSSRef}}</div>

<p>El <strong>selector</strong> <strong>universal </strong>CSS<strong> </strong> (<code>*</code>) <span class="short_text" id="result_box" lang="ca"><span>coincideix amb elements de qualsevol tipus</span></span>.</p>

<pre class="brush: css no-line-numbers">/* Selecciona tots els elements */
* {
  color: green;
}</pre>

<p>A partir de CSS3, l'asterisc pot ser usat en combinació amb {{cssxref("CSS_Namespaces", "namespaces")}}:</p>

<ul>
 <li><code>ns|*</code> - coincideix amb tots els elements de l'espai de noms  <em>ns</em></li>
 <li><code>*|*</code> - coincideix amb tots els elements</li>
 <li><code>|*</code> - coincideix amb tots els elements sense cap espai de noms declarat</li>
</ul>

<h2 id="Sintaxi">Sintaxi</h2>

<pre class="syntaxbox">* { <em>style properties</em> }</pre>

<p><span id="result_box" lang="ca"><span>L'asterisc és opcional amb selectors simples</span></span> . <span id="result_box" lang="ca"><span>Per exemple</span></span> , <code>*.warning</code> i <code>.warning</code> són equivalents.</p>

<h2 id="Exemples">Exemples</h2>

<h3 id="CSS">CSS</h3>

<pre class="brush: css">* [lang^=en] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}
</pre>

<h3 id="HTML">HTML</h3>

<pre class="brush: html">&lt;p class="warning"&gt;
  &lt;span lang="en-us"&gt;A green span&lt;/span&gt; in a red paragraph.&lt;/span&gt;
&lt;/p&gt;
&lt;p id="maincontent" lang="en-gb"&gt;
  &lt;span class="warning"&gt;A red span&lt;/span&gt; in a green paragraph.&lt;/span&gt;
&lt;/p&gt;</pre>

<h3 id="Resultat">Resultat</h3>

<p>{{EmbedLiveSample('Examples')}}</p>

<h2 id="Especificacions">Especificacions</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}</td>
   <td>{{Spec2('CSS4 Selectors')}}</td>
   <td>Sense canvis</td>
  </tr>
  <tr>
   <td>{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}</td>
   <td>{{Spec2('CSS3 Selectors')}}</td>
   <td><span id="result_box" lang="ca"><span>Defineix el comportament pel que fa als espais de noms i afegeix suggeriments que permeten ometre el selector dins de pseudo-elements</span></span></td>
  </tr>
  <tr>
   <td>{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}</td>
   <td>{{Spec2('CSS2.1')}}</td>
   <td>Definició inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Descripció</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1")}}</td>
   <td>7</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td>Combinació amb suport d'espai de noms</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1")}}</td>
   <td>9</td>
   <td>8</td>
   <td>1.3</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Descripció</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td>Combinació amb suport d'espai de noms</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>