files/it/web/css/_colon_-moz-first-node/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

---
title: ':-moz-first-node'
slug: 'Web/CSS/:-moz-first-node'
tags:
  - CSS
  - CSS Reference
  - Non-standard
translation_of: 'Web/CSS/:-moz-first-node'
---
<p>{{Non-standard_header}}{{CSSRef}}</p>

<h2 id="Sommario" name="Sommario">Sommario</h2>

<p>La pseudo-classe <code>:-moz-first-node</code> applica le sue proprietà a tutti gli elementi che risultano essere "nodi primogeniti" di altri elementi. Differisce dal <code>:first-child</code> in quanto non valuta come primogeniti gli elementi che presentano del testo davanti a loro (non spazi vuoti).</p>

<h2 id="Sintassi" name="Sintassi">Sintassi</h2>

<pre class="eval">elemento:-moz-first-node {<em>proprietà di stile</em> }
</pre>

<h2 id="Esempi" name="Esempi">Esempi</h2>

<pre>span:-moz-first-node{
    background-color: lime;
}
</pre>

<p>...applicato a...</p>

<pre>&lt;div&gt;
  &lt;span&gt;Testo dello Span&lt;/span&gt;
  &lt;span&gt;Testo dello Span&lt;/span&gt;
&lt;/div&gt;
&lt;div&gt;
  lettere&lt;span&gt;Testo dello Span&lt;/span&gt;
  &lt;span&gt;Testo dello Span&lt;/span&gt;
&lt;/div&gt;
</pre>

<p>...risultato con <code>:-moz-first-node</code>...</p>

<p><img alt="Immagine:fchild1.jpg"></p>

<p>...e con il <code>:first-child</code>...</p>

<p><img alt="Immagine:fchild2.jpg"></p>