diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/ca/web/css/_colon_nth-child | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/ca/web/css/_colon_nth-child')
-rw-r--r-- | files/ca/web/css/_colon_nth-child/index.html | 275 |
1 files changed, 0 insertions, 275 deletions
diff --git a/files/ca/web/css/_colon_nth-child/index.html b/files/ca/web/css/_colon_nth-child/index.html deleted file mode 100644 index 93ea879d05..0000000000 --- a/files/ca/web/css/_colon_nth-child/index.html +++ /dev/null @@ -1,275 +0,0 @@ ---- -title: ':nth-child' -slug: 'Web/CSS/:nth-child' -tags: - - CSS - - Layout - - Pseudo-class - - Reference - - Web -translation_of: 'Web/CSS/:nth-child' ---- -<div>{{CSSRef}}</div> - -<p>La <a href="/en-US/docs/Web/CSS/Pseudo-classes">pseudo-class</a> <a href="/en-US/docs/Web/CSS">CSS</a> <strong><code>:nth-child()</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <span id="result_box" lang="ca"><span>coincideix amb un o més elements basats en la seva posició entre un grup de germans.</span></span></p> - -<pre class="brush: css no-line-numbers">/* <span id="result_box" lang="ca"><span>Selecciona cada quart element entre qualsevol grup de germans</span></span> */ -:nth-child(4n) { - color: lime; -} -</pre> - -<h2 id="Syntax" name="Syntax">Sintaxi</h2> - -<p>La pseudo-class <code>nth-child</code> s'especifica amb un únic argument, que representa el patró per als elements coincidents.</p> - -<h3 id="Valors_de_paraules_clau">Valors de paraules clau</h3> - -<dl> - <dt><code>odd</code></dt> - <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és imparell: 1, 3, 5, etc.</dd> - <dt><code>even</code></dt> - <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans és parell: 2, 4, 6, etc.</dd> -</dl> - -<h3 id="Notació_funcional">Notació funcional</h3> - -<dl> - <dt><code><An+B></code></dt> - <dd>Representa elements, la posició numèrica dels quals, en una sèrie de germans coincideix amb el patró <code>An+B</code>, per a cada enter positiu o valor zero de <code>n</code>. L'índex del primer element és <code>1</code>. Els valors <code>A</code> i <code>B</code> han de ser {{cssxref("<integer>")}}s.</dd> -</dl> - -<h3 id="Sintaxi_formal">Sintaxi formal</h3> - -{{csssyntax}} - -<h2 id="Examples" name="Examples">Exemples</h2> - -<h3 id="Example_selectors" name="Example_selectors">Exemple de selectors</h3> - -<dl> - <dt><code>tr:nth-child(odd)</code> or <code>tr:nth-child(2n+1)</code></dt> - <dd>Representa les files imparells d'una taula HTML: 1, 3, 5, etc.</dd> - <dt><code>tr:nth-child(even)</code> or <code>tr:nth-child(2n)</code></dt> - <dd>Representa les files parells d'una taula HTML: 2, 4, 6, etc.</dd> - <dt><code>:nth-child(5n)</code></dt> - <dd>Representa elements 5, 10, 15, etc.</dd> - <dt><code>:nth-child(3n+4)</code></dt> - <dd>Representa elements 4, 7, 10, 13, etc.</dd> - <dt><code>:nth-child(-n+3)</code></dt> - <dd><span id="result_box" lang="ca"><span>Representa els tres primers elements entre un grup de germans.</span></span></dd> - <dt><code>p:nth-child(n)</code></dt> - <dd><span id="result_box" lang="ca"><span>Representa cada element</span></span> <code><p></code> <span id="result_box" lang="ca"><span>entre un grup de germans.</span> <span>Això és el mateix que un simple selector</span></span> <code>p</code> .</dd> - <dt><code>p:nth-child(1)</code> or <code>p:nth-child(0n+1)</code></dt> - <dd><span id="result_box" lang="ca"><span>Representa cada</span></span> <code><p></code> <span id="result_box" lang="ca"><span>aquest és el primer element entre un grup de germans.</span> <span>Això és el mateix que el selector</span></span> {{cssxref(":first-child")}}.</dd> -</dl> - -<h3 id="Exemple_detallat">Exemple detallat</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush:html"><h3><code>span:nth-child(2n+1)</code>, WITHOUT an - <code>&lt;em&gt;</code> among the child elements.</h3> -<p>Children 1, 3, 5, and 7 are selected.</p> -<div class="first"> - <span>Span 1!</span> - <span>Span 2</span> - <span>Span 3!</span> - <span>Span 4</span> - <span>Span 5!</span> - <span>Span 6</span> - <span>Span 7!</span> -</div> - -<br> - -<h3><code>span:nth-child(2n+1)</code>, WITH an - <code>&lt;em&gt;</code> among the child elements.</h3> -<p>Children 1, 5, and 7 are selected.<br> - 3 is used in the counting because it is a child, but it isn't - selected because it isn't a <code>&lt;span&gt;</code>.</p> -<div class="second"> - <span>Span!</span> - <span>Span</span> - <em>This is an `em`.</em> - <span>Span</span> - <span>Span!</span> - <span>Span</span> - <span>Span!</span> - <span>Span</span> -</div> - -<br> - -<h3><code>span:nth-of-type(2n+1)</code>, WITH an - <code>&lt;em&gt;</code> among the child elements.</h3> -<p>Children 1, 4, 6, and 8 are selected.<br> - 3 isn't used in the counting or selected because it is an <code>&lt;em&gt;</code>, - not a <code>&lt;span&gt;</code>, and <code>nth-of-type</code> only selects - children of that type. The <code>&lt;em&gt;</code> is completely skipped - over and ignored.</p> -<div class="third"> - <span>Span!</span> - <span>Span</span> - <em>This is an `em`.</em> - <span>Span!</span> - <span>Span</span> - <span>Span!</span> - <span>Span</span> - <span>Span!</span> -</div> -</pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">html { - font-family: sans-serif; -} - -span, -div em { - padding: 5px; - border: 1px solid green; - display: inline-block; - margin-bottom: 3px; -} - -.first span:nth-child(2n+1), -.second span:nth-child(2n+1), -.third span:nth-of-type(2n+1) { - background-color: lime; -}</pre> - -<h4 id="Resultat">Resultat</h4> - -<p>{{EmbedLiveSample('Detailed_example', 550, 550)}}</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', '#nth-child-pseudo', ':nth-child')}}</td> - <td>{{Spec2('CSS4 Selectors')}}</td> - <td><span id="result_box" lang="ca"><span>Afegeix la sintaxi</span></span> <code>del <selector></code> <span id="result_box" lang="ca"><span>i especifica que els elements coincidents no són necessaris per tenir un pare.</span></span></td> - </tr> - <tr> - <td>{{SpecName('CSS3 Selectors', '#nth-child-pseudo', ':nth-child')}}</td> - <td>{{Spec2('CSS3 Selectors')}}</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>{{CompatChrome(1)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop("1.9.1")}}</td> - <td>9.0</td> - <td>{{CompatOpera(9.5)}}<sup>[1]</sup></td> - <td>3.1</td> - </tr> - <tr> - <td>sintaxi <code>del <selector></code></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>No es requereix cap pare</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoDesktop("51")}}[3]</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatOpera(44)}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Descripció</th> - <th>Android Webview</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>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile("1.9.1")}}<sup>[2]</sup></td> - <td>9.0</td> - <td>{{CompatOperaMobile(9.5)}}<sup>[1]</sup></td> - <td>3.1</td> - </tr> - <tr> - <td>sintaxi <code>del <selector></code></td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}<sup>[2]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td>No es requereix cap pare</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatChrome(57)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatGeckoMobile("51")}}<sup>[3]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatOperaMobile(44)}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Opera no pot gestionar la inserció dinàmica dels elements</p> - -<p>[2] Gecko encara no implementa aquesta funció. Vegeu {{bug(854148)}}.</p> - -<p>[3] Vegeu {{bug(1300374)}}.</p> - -<h2 id="See_also" name="See_also">Vegeu també</h2> - -<ul> - <li>{{ Cssxref(":nth-of-type") }}, {{ Cssxref(":nth-last-child") }}</li> -</ul> |