diff options
Diffstat (limited to 'files/ca/web/css/id_selectors/index.html')
-rw-r--r-- | files/ca/web/css/id_selectors/index.html | 135 |
1 files changed, 0 insertions, 135 deletions
diff --git a/files/ca/web/css/id_selectors/index.html b/files/ca/web/css/id_selectors/index.html deleted file mode 100644 index 2a51db6e69..0000000000 --- a/files/ca/web/css/id_selectors/index.html +++ /dev/null @@ -1,135 +0,0 @@ ---- -title: Selector ID -slug: Web/CSS/ID_selectors -tags: - - CSS - - Reference - - Selectors -translation_of: Web/CSS/ID_selectors -original_slug: Web/CSS/Selectors_ID ---- -<div>{{CSSRef}}</div> - -<p><span id="result_box" lang="ca"><span>En un document HTML, el</span></span> <strong>selector</strong> <strong>ID </strong> <span id="result_box" lang="ca"><span>CSS coincideix amb un element basat en el valor del seu atribut</span></span> {{htmlattrxref("ID")}}. <span id="result_box" lang="ca"><span>L'atribut</span></span> <code>ID</code> <span id="result_box" lang="ca"><span>de l'element seleccionat ha de coincidir exactament amb el valor indicat en el selector</span></span></p> - -<pre class="brush: css no-line-numbers">/* The element with id="demo" */ -div#demo { - border: red 2px solid; -}</pre> - -<h2 id="Sintaxi">Sintaxi</h2> - -<pre class="syntaxbox">#id_value { <em>style properties</em> }</pre> - -<p><span class="short_text" id="result_box" lang="ca"><span>Recordeu que</span> <span>això és</span> <span>equivalent al</span> <span>següent</span></span> {{Cssxref("Attribute_selectors", "attribute selector")}}:</p> - -<pre class="syntaxbox">[id=id_value] { <em>style properties</em> }</pre> - -<h2 id="Exemple">Exemple</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div#identified { - background-color: skyblue; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><div id="identified">This div has a special ID on it!</div> -<div>This is just a regular div.</div> -</pre> - -<h3 id="Resultat">Resultat</h3> - -<p>{{EmbedLiveSample("Example", '100%', 50)}}</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", "#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS4 Selectors")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS3 Selectors", "#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS3 Selectors")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS2.1", "selector.html#id-selectors", "ID selectors")}}</td> - <td>{{Spec2("CSS2.1")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("CSS1", "#id-as-selector", "ID selectors")}}</td> - <td>{{Spec2("CSS1")}}</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>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</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>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> |