aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css/_colon_any-link
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:45 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:45 -0500
commit1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch)
tree0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/web/css/_colon_any-link
parent4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff)
downloadtranslated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz
translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2
translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip
initial commit
Diffstat (limited to 'files/es/web/css/_colon_any-link')
-rw-r--r--files/es/web/css/_colon_any-link/index.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/files/es/web/css/_colon_any-link/index.html b/files/es/web/css/_colon_any-link/index.html
new file mode 100644
index 0000000000..00c8a94bda
--- /dev/null
+++ b/files/es/web/css/_colon_any-link/index.html
@@ -0,0 +1,78 @@
+---
+title: ':any-link'
+slug: 'Web/CSS/:any-link'
+tags:
+ - CSS
+ - Diseño
+ - Experimental
+ - Presentación
+ - Pseudo-Clase CSS
+ - Referencia
+ - Web
+translation_of: 'Web/CSS/:any-link'
+---
+<div>{{CSSRef}} {{SeeCompatTable}}</div>
+
+<div>La <a href="/es/docs/Web/CSS/Pseudo-classes">pseudo-clase</a> <code>:any-link</code> de <a href="/es/docs/Web/CSS">CSS</a> representa a un elemento que actúa como el ancla origen de un hipervínculo independientemente de si ha sido visitado, es decir, coincide con cualquier elemento {{HTMLElement("a")}}, {{HTMLElement("area")}} o {{HTMLElement("link")}} con un atributo <code>href</code>. Por lo tanto, coincide con todos los elementos que coincidan con {{cssxref(":link")}} o {{cssxref(":visited")}}.</div>
+
+<div></div>
+
+<pre class="brush: css"><code>/* Selecciona cualquier elemento que coincida con :link o :visited */
+:any-link {
+ color: green;
+}</code></pre>
+
+<h2 id="Sintaxis">Sintaxis</h2>
+
+<pre class="syntaxbox">{{csssyntax}}
+</pre>
+
+<h2 id="Ejemplo">Ejemplo</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html">&lt;a href="https://example.com"&gt;Enlace externo&lt;/a&gt;&lt;br&gt;
+&lt;a href="#"&gt;Enlace de destino interno&lt;/a&gt;&lt;br&gt;
+&lt;a&gt;Enlace de marcador de posición (no se personalizará)&lt;/a&gt;</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css">a:any-link {
+ border: 1px solid blue;
+ color: orange;
+}
+
+/* navegadores WebKit */
+a:-webkit-any-link {
+ border: 1px solid blue;
+ color: orange;
+}</pre>
+
+<h3 id="Resultado">Resultado</h3>
+
+<p>{{EmbedLiveSample('Ejemplo')}}</p>
+
+<h2 id="Especificaciones">Especificaciones</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Especificación</th>
+ <th scope="col">Estado</th>
+ <th scope="col">Comentarios</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("CSS4 Selectors", "#the-any-link-pseudo", ":any-link")}}</td>
+ <td>{{Spec2('CSS4 Selectors')}}</td>
+ <td>Definición inicial.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
+
+<p>{{Compat("css.selectors.any-link")}}</p>
+
+<div id="compat-mobile"></div>