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
|
---
title: Guida di riferimento ai CSS
slug: Web/CSS/Reference
tags:
- CSS
- Overview
- Reference
- l10n:priority
translation_of: Web/CSS/Reference
original_slug: Web/CSS/Guida_di_riferimento_ai_CSS
---
<div>{{CSSRef}}</div>
<p>Usate questo <strong>riferimento CSS</strong> per consultare un <a href="#Keyword_index">indice alfabetico</a> di tutte le proprietà <a href="/en-US/docs/Web/CSS">CSS</a> standard, <a href="/en-US/docs/Web/CSS/Pseudo-classes">le pseudo-classi</a>, <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elementi</a>, <a href="/en-US/docs/Web/CSS/CSS_Types">i tipi di dati</a>, e <a href="/en-US/docs/Web/CSS/At-rule">le at-rules</a>. Potete anche visualizzare <a href="#Concepts">i concetti chiave del CSS</a> e una lista dei <a href="#Selectors">selettori organizzati per tipo</a>. È anche inclusa un breve <a href="#DOM-CSS_CSSOM">prontuario su DOM-CSS / CSSOM</a>.</p>
<h2 id="Sintassi_di_regola_base">Sintassi di regola base</h2>
<h3 id="Sintassi_di_una_regola_di_stile">Sintassi di una regola di stile</h3>
<pre class="syntaxbox"><var>regola-stile</var> <strong>::=</strong>
<var>lista-selettori</var> <strong>{</strong>
<var>lista-proprietà</var>
<strong>}</strong>
</pre>
<p>... dove :</p>
<pre class="syntaxbox"><var>lista-selettori</var> <strong>::=</strong>
<var>selettore</var>[<strong>:</strong><var>pseudo-classe</var>] [<strong>::</strong><var>pseudo-elemento</var>]
[<strong>,</strong> <var>lista-selettori</var>]
<var>lista-proprietà</var> <strong>::=</strong>
[<var>proprietà</var> <strong>:</strong> <var>valore</var>] [<strong>;</strong> <var>lista-proprietà</var>]
</pre>
<p>Consultate la lista dei <a href="#Selectors"><em>selettori</em></a>, <a href="#Pseudo"><em>pseudo-classi</em></a>, e <em><a href="#Pseudo">pseudo-elementi</a></em> sotto. La sintassi per ogni <em>valore</em> specificato dipende dal tipo di dato definito per ogni <em>proprietà</em> specificata.</p>
<h4 id="Esempi_di_regole_di_stile">Esempi di regole di stile</h4>
<pre class="brush: css">strong {
color: red;
}
div.menu-bar li:hover > ul {
display: block;
}
</pre>
<p>Per un'introduzione a livello principiante della sintassi dei selettori, consultate la nostra <a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors">guida ai Selettori CSS</a>. Siate consapevoli che ogni errore di <a href="/en-US/docs/Web/CSS/syntax">sintassi</a> in una definizione di regola invalida l'intera regola. Le regole invalidate vengono ignorate dal browser. Prendete nota ceh la definizione di una regola CSS è interamente <a href="https://www.w3.org/TR/css-syntax-3/#intro">basata su stringhe di testo</a> (ASCII), dove DOM-CSS / CSSOM (il sistema di gestione delle regole) è <a href="https://www.w3.org/TR/cssom/#introduction">basato su oggetti</a>.</p>
<h3 id="Sintassi_at-rules">Sintassi at-rules</h3>
<p>Poiché la struttura delle At-rules varia ampiamente, per piacere consultate <a href="/en-US/docs/Web/CSS/At-rule">At-rule</a> per trovare la sintassi della regola specifica che volete.</p>
<h3 id="Selettori" name="Selettori">Selettori</h3>
<ul>
<li>Selettori semplici
<ul>
<li><a href="/it/CSS/Type_selectors" title="it/CSS/Type_selectors">Selettori di tipo</a></li>
<li><a href="/it/CSS/Class_selectors" title="it/CSS/Class_selectors">Selettori di classe</a></li>
<li><a href="/it/CSS/ID_selectors" title="it/CSS/ID_selectors">Selettori di ID</a></li>
<li><a href="/it/CSS/Universal_selectors" title="it/CSS/Universal_selectors">Selettori universali</a></li>
<li><a href="/it/CSS/Attribute_selectors" title="it/CSS/Attribute_selectors">Selettori di attributo</a></li>
<li><a href="/it/CSS/Pseudo-classes" title="it/CSS/Pseudo-classes">Pseudoclassi</a></li>
<li><a href="/it/CSS/Pseudo-elements" title="it/CSS/Pseudo-elements">Pseudo-elementi</a></li>
</ul>
</li>
<li>Combinatori
<ul>
<li><a href="/it/CSS/Selettori_di_elementi_adiacenti" title="it/CSS/Selettori_di_elementi_adiacenti">Selettori di elementi adiacenti</a></li>
<li><a href="/it/CSS/elettori_di_figli" title="it/CSS/elettori_di_figli">Selettori di figli</a></li>
<li><a href="/it/CSS/Selettori_di_discendenti" title="it/CSS/Selettori_di_discendenti">Selettori di discendenti</a></li>
</ul>
</li>
</ul>
<h3 id="Concetti" name="Concetti">Concetti</h3>
<ul>
<li><a href="/it/CSS/Commenti" title="it/CSS/Commenti">Commenti</a></li>
<li><a href="/it/CSS/initial_value" title="it/CSS/initial_value">Valore iniziale</a></li>
<li><a href="/it/CSS/inheritance" title="it/CSS/inheritance">Eredità</a></li>
<li><a href="/it/CSS/specified_value" title="it/CSS/specified_value">Valore specificato</a></li>
<li><a href="/it/CSS/computed_value" title="it/CSS/computed_value">Valore calcolato</a></li>
<li><a href="/it/CSS/used_value" title="it/CSS/used_value">Valore utilizzato</a></li>
<li><a href="/it/CSS/actual_value" title="it/CSS/actual_value">Valore attuale</a></li>
<li><a href="/it/CSS/box_model" title="it/CSS/box_model">box model</a></li>
</ul>
<h3 id="Estensioni_di_Mozilla" name="Estensioni_di_Mozilla">Estensioni di Mozilla</h3>
<ul>
<li><a href="/it/CSS_Reference/Estensioni_di_Mozilla" title="it/CSS_Reference/Estensioni_di_Mozilla">CSS Reference:Estensioni di Mozilla</a></li>
</ul>
<p>{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}</p>
|
