aboutsummaryrefslogtreecommitdiff
path: root/files/ca/web/css/selectors_css
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:45:12 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:45:12 +0100
commitcb9e359a51c3249d8f5157db69d43fd413ddeda6 (patch)
treeae3040d626c3b5717da5bda2af9f0a9ff9bd389f /files/ca/web/css/selectors_css
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.tar.gz
translated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.tar.bz2
translated-content-cb9e359a51c3249d8f5157db69d43fd413ddeda6.zip
unslug ca: move
Diffstat (limited to 'files/ca/web/css/selectors_css')
-rw-r--r--files/ca/web/css/selectors_css/index.html156
-rw-r--r--files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html69
2 files changed, 0 insertions, 225 deletions
diff --git a/files/ca/web/css/selectors_css/index.html b/files/ca/web/css/selectors_css/index.html
deleted file mode 100644
index 9eaf8daffc..0000000000
--- a/files/ca/web/css/selectors_css/index.html
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: Selectors CSS
-slug: Web/CSS/Selectors_CSS
-tags:
- - CSS
- - CSS Selectors
- - Overview
- - Reference
- - Selectors
-translation_of: Web/CSS/CSS_Selectors
----
-<div>{{CSSRef}}</div>
-
-<p>Els<strong> Selectors</strong> <strong>CSS</strong> <span id="result_box" lang="ca"><span>defineixen els elements als quals s'aplica un conjunt de normes CSS.</span></span></p>
-
-<h2 id="Selectors_Bàsics">Selectors Bàsics</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Web/CSS/Type_selectors">Selector de tipus</a></dt>
- <dd>Selecciona tots els elements que coincideixen amb el nom del node donat.<br>
- <strong>Sintaxi:</strong> <code><var>eltname</var></code><br>
- <strong>Exemple:</strong> <code>input</code> coincidirà amb qualsevol element {{HTMLElement('input')}}</dd>
- <dt><a href="/en-US/docs/Web/CSS/Class_selectors">Selector de clase </a></dt>
- <dd>Selecciona tots els elements que tenen l'atribut <code>class</code> donat.<br>
- <strong>Sintaxi:</strong> <code>.<var>classname</var></code><br>
- <strong>Exemple:</strong> <code>.index</code> coincidirà amb qualsevol element que tingui una classe "index"</dd>
- <dt><a href="/en-US/docs/Web/CSS/ID_selectors">Selector de ID</a></dt>
- <dd>Selecciona un element basat en el valor del seu atribut <code>id</code>. Només hi ha d'haver un element amb una ID determinat en un document.<br>
- <strong>Sintaxi:</strong> <code>#<var>idname</var></code><br>
- <strong>Exemple:</strong> <code>#toc</code> <span id="result_box" lang="ca"><span>coincidiran amb l'element que té</span></span> l'ID "toc".</dd>
- <dt><a href="/en-US/docs/Web/CSS/Universal_selectors">Selector universal</a></dt>
- <dd><span id="result_box" lang="ca"><span>Selecciona tots els elements.</span> <span>De manera opcional, pot estar restringit a un espai de noms específic o a tots els espais de noms.</span></span><br>
- <strong>Sintaxi:</strong> <code>*</code> <code>ns|*</code> <code>*|*</code><br>
- <strong>Exemple:</strong> <code>*</code> <span id="result_box" lang="ca"><span>coincideix amb tots els elements del document.</span></span></dd>
- <dt><a href="/en-US/docs/Web/CSS/Attribute_selectors">Selector d'atribut</a></dt>
- <dd><span id="result_box" lang="ca"><span>Selecciona elements basats en el valor de l'atribut donat</span></span>.<br>
- <strong>Sintaxi:</strong> <code>[attr]</code> <code>[attr=value]</code> <code>[attr~=value]</code> <code>[attr|=value]</code> <code>[attr^=value]</code> <code>[attr$=value]</code> <code>[attr*=value]</code><br>
- <strong>Exemple:</strong> <code>[autoplay]</code> <span id="result_box" lang="ca"><span>coincidiran tots els elements que tenen establert l'atribut</span></span> <code>autoplay</code> (<span id="result_box" lang="ca"><span>a qualsevol valor</span></span>).</dd>
-</dl>
-
-<h2 id="Combinadors">Combinadors</h2>
-
-<dl>
- <dt><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors">Combinador de germans adjacents</a></dt>
- <dd>El combinador <code>+</code> selecciona els germans adjacents. Això significa que el segon element segueix directament el primer, i ambdós comparteixen el mateix pare.<br>
- <strong>Sintaxi:</strong> <code><var>A</var> + <var>B</var></code><br>
- <strong>Exemple:</strong> <code>h2 + p</code> coincidirà amb tots el elements {{HTMLElement('p')}} que segueixen directament un {{HTMLElement('h2')}}.</dd>
- <dt><a href="/en-US/docs/Web/CSS/General_sibling_selectors">Combinador general de germans</a></dt>
- <dd>El combinador <code>~</code> selecciona els germans. Això significa que el segon element segueix el primer (encara que no necessàriament de forma immediata), i tots dos comparteixen el mateix pare.<br>
- <strong>Sintaxi:</strong> <code><var>A</var> ~ <var>B</var></code><br>
- <strong>Exemple:</strong> <code>p ~ span</code> coincidirà amb tots els elements {{HTMLElement('span')}} que segueixen un {{HTMLElement('p')}}.</dd>
- <dt><a href="/en-US/docs/Web/CSS/Child_selectors">Combinador de fills</a></dt>
- <dd>El combinador <code>&gt;</code> selecciona els nodes que són fills directes del primer element.<br>
- <strong>Sintaxi:</strong> <code><var>A</var> &gt; <var>B</var></code><br>
- <strong>Exemple:</strong> <code>ul &gt; li</code> coincidirà amb tots els elements {{HTMLElement('li')}} que estan niats directament dins d'un element {{HTMLElement('ul')}}.</dd>
- <dt><a href="/en-US/docs/Web/CSS/Descendant_selectors">Combinador de descendents</a></dt>
- <dd>El combinador <code>  </code> selecciona els nodes que són descendents del primer element.<br>
- <strong>Sintaxi:</strong> <code>A B</code><br>
- <strong>Exemple:</strong> <code>div span</code> coincidirà amb tots els elements {{HTMLElement('span')}} que es troben dins d'un element {{HTMLElement('div')}}.</dd>
-</dl>
-
-<h2 id="Pseudo-classes">Pseudo-classes</h2>
-
-<p><a href="/en-US/docs/Web/CSS/Pseudo-classes">Pseudo-classes</a> <span id="result_box" lang="ca"><span>permeten la selecció d'elements basats en informació d'estat que no es troba a l'arbre del document.</span></span></p>
-
-<p><strong>Exemple:</strong> <code>a:visited</code> <span id="result_box" lang="ca"><span>coincidirà amb tots els elements</span></span> {{HTMLElement('a')}} <span id="result_box" lang="ca"><span>que hagi visitat l'usuari</span></span>.</p>
-
-<h2 id="Pseudo-elements">Pseudo-elements</h2>
-
-<p><a href="/en-US/docs/Web/CSS/Pseudo-elements">Pseudo-elements</a> <span id="result_box" lang="ca"><span>representen entitats que no estan incloses en HTML.</span></span></p>
-
-<p><strong>Exemple:</strong> <code>p::first-line</code> <span id="result_box" lang="ca"><span>coincidirà amb la primera línia de tots els elements</span></span> {{HTMLElement('p')}}.</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')}}</td>
- <td>{{Spec2('CSS4 Selectors')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('CSS3 Selectors')}}</td>
- <td>{{Spec2('CSS3 Selectors')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('CSS2.1', 'selector.html')}}</td>
- <td>{{Spec2('CSS2.1')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('CSS1')}}</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>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Suport bàsic</td>
- <td>1</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>3.0</td>
- <td>3.5</td>
- <td>1.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Descripció</th>
- <th>Android</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>1.5</td>
- <td>{{CompatGeckoMobile("1.9.2")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>3.2</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html b/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html
deleted file mode 100644
index 53339b06e5..0000000000
--- a/files/ca/web/css/selectors_css/using_the__colon_target_pseudo-class_in_selectors/index.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: 'Ùs de la pseudo-class :target en selectors'
-slug: 'Web/CSS/Selectors_CSS/Using_the_:target_pseudo-class_in_selectors'
-tags:
- - ':target'
- - CSS
- - Guide
- - Reference
- - Selectors
-translation_of: 'Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors'
----
-<div>{{CSSRef}}</div>
-
-<p>Quan una URL apunta a una peça específica d'un document, pot ser difícil per a l'usuari adonar-se. Esbrineu com podeu fer servir algun CSS senzill per cridar l'atenció sobre el destí d'una URL i millorar l'experiència de l'usuari.</p>
-
-<h2 id="Picking_a_Target" name="Picking_a_Target"><span class="short_text" id="result_box" lang="ca"><span>Triar un</span> <span>destí</span></span></h2>
-
-<p>La <a href="https://developer.mozilla.org/en/CSS/Pseudo-classes">pseudo-class</a> <code>{{ Cssxref(":target") }}</code>s'utilitza per aplicar estil a l'element de destinació d'un URI que conté un identificador de fragment. Per exemple, l'URI <code><span class="nowiki">http://developer.mozilla.org/en/docs/Using_the_:target_selector#example</span></code> conté el identificador de fragment <code>#example</code>. En HTML, els identificadors corresponent els valors dels atributs <code>id</code> o <code>name</code>, ja que tots dos comparteixen el mateix espai de noms. Per tant, l'URI d'exemple assenyalaria l'encapçalament "example" en aquest document.</p>
-
-<p>Suposem que desitjeu donar estil a qualsevol element <code>h2</code> que és el destí d'un URI, però no voleu que qualsevol altre tipus d'element aconsegueixi un estil de destinació. Això és bastant simple:</p>
-
-<pre>h2:target {font-weight: bold;}</pre>
-
-<p>També és possible crear estils que siguin específics d'un fragment en particular del document. Això es realitza utilitzant el mateix valor de la identificació que es troba en l'URI. Per tant, per afegir una vora al fragment <code>#example</code>, escriuríem:</p>
-
-<pre>#example:target {border: 1px solid black;}</pre>
-
-<h2 id="Targeting_the_Root_Element" name="Targeting_the_Root_Element">Dirigit a tots els elements</h2>
-
-<p>Si la intenció és crear un estil "ampli" que s'apliqui a tots els elements seleccionats, llavors el selector universal, ve molt bé:</p>
-
-<pre>:target {color: red;}
-</pre>
-
-<h2 id="Example" name="Example">Exemple</h2>
-
-<p>En el següent exemple, hi ha cinc enllaços que apunten a elements en el mateix document. En seleccionar l'enllaç "First", per exemple, farà que <code>&lt;h1 id = "one"&gt;</code> es converteixi en l'element de destinació. Recordeu que el document pot saltar a una nova posició de desplaçament, ja que els elements de destinació es col·loquen a la part superior de la finestra del navegador si és possible.</p>
-
-<div id="example">
-<pre>&lt;h4 id="one"&gt;...&lt;/h4&gt; &lt;p id="two"&gt;...&lt;/p&gt;
-&lt;div id="three"&gt;...&lt;/div&gt; &lt;a id="four"&gt;...&lt;/a&gt; &lt;em id="five"&gt;...&lt;/em&gt;
-
-&lt;a href="#one"&gt;First&lt;/a&gt;
-&lt;a href="#two"&gt;Second&lt;/a&gt;
-&lt;a href="#three"&gt;Third&lt;/a&gt;
-&lt;a href="#four"&gt;Fourth&lt;/a&gt;
-&lt;a href="#five"&gt;Fifth&lt;/a&gt;</pre>
-</div>
-
-<h2 id="Conclusion" name="Conclusion">Conclusió</h2>
-
-<p>En els casos en què un identificador de fragment apunti a una part del document, els lectors poden arribar a confondre's sobre quina part del document se suposa que han d'estar llegint. El donar estil a la destinació d'un URI, podem reduïr o eliminar la confusió del lector.</p>
-
-<h2 id="Related_Links" name="Related_Links">Vegeu també</h2>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#target-pseudo">Selectors CSS3 #target-pseudo</a></li>
- <li><a class="internal" href="/En/CSS/:target" title="En/CSS/:target">Referència CSS :target</a></li>
-</ul>
-
-<div class="originaldocinfo">
-<h3 id="Original_Document_Information" name="Original_Document_Information">Informació del document original</h3>
-
-<ul>
- <li>Autor(s): Eric Meyer, Standards Evangelist, Netscape Communications</li>
- <li>Original Copyright Information: Copyright © 2001-2003 Netscape. Tots els drets reservats.</li>
- <li>Nota: Aquest article reproduït és part de l'original del lloc DevEdge.</li>
-</ul>
-</div>