:-moz-first-node

  • Revision slug: CSS/:-moz-first-node
  • Revision title: :-moz-first-node
  • Revision id: 180727
  • Created:
  • Creator: Zibibbo84
  • Is current revision?
  • Comment /* Esempi */

Revision Content

CSS_Reference:Mozilla_Extensions

Sommario

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

Sintassi

elemento:-moz-first-node { proprietà di stile }

Esempi

span:-moz-first-node{
    background-color: lime;
}

...applicato a...

<div>
  <span>Testo dello Span</span>
  <span>Testo dello Span</span>
</div>
<div>
  lettere<span>Testo dello Span</span>
  <span>Testo dello Span</span>
</div>

...risultato con :-moz-first-node...

Immagine:fchild1.jpg

...e con il :first-child...

Immagine:fchild2.jpg


Zibibbo84 12:15, 11 ott 2007 (PDT)

Revision Source

<p> <a href="it/CSS_Reference/Mozilla_Extensions">CSS_Reference:Mozilla_Extensions</a>
</p>
<h3 id="Sommario" name="Sommario"> Sommario </h3>
<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>
<h3 id="Sintassi" name="Sintassi"> Sintassi </h3>
<pre class="eval">elemento:-moz-first-node { <i>proprietà di stile</i> }
</pre>
<h3 id="Esempi" name="Esempi"> Esempi </h3>
<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" fileid="1594" src="File:it/Media_Gallery/Fchild1.jpg">
</p><p>...e con il <code>:first-child</code>...
</p><p><img alt="Immagine:fchild2.jpg" fileid="1595" src="File:it/Media_Gallery/Fchild2.jpg">
</p>
<hr>
<p><a href="User:Zibibbo84">Zibibbo84</a> 12:15, 11 ott 2007 (PDT)
</p>
Revert to this revision