El selector :any-link se usa para diseñar cada elemento <a>, <area> o <link> que tiene un atributo «href» . Omitirá la aplicación de propiedades CSS para esos elementos <a>, <area>, <href > etiquetas en las que no se define “href” . Por lo tanto, coincide con todos los elementos que coinciden con :enlace o :visitado.
Sintaxis:
:any-link{
/*css properties*/
}
Los siguientes ejemplos ilustran el uso del selector de pseudoclase :any-link .
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
:any-link
</title>
<style>
a:any-link {
background-color: green;
color: white;
}
</style>
</head>
<body>
<div style="text-align: center;
line-height: 2rem;">
<h2 style="color: green;
text-align: center;">
Welcome To GeeksforGeeks
</h2>
<a style="text-align: center; "
href="https://geeksforgeeks.org">
link to geeksforgeeks.org
</a>
<br>
<a style="text-align: center;"
href="#">
Internally targeted link
</a>
<br>
<a style="text-align: center;">
It will not be styled because
href is not defined
</a>
</div>
</body>
</html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>
:any-link
</title>
<style>
a:any-link {
border: 5px solid green;
}
</style>
</head>
<body>
<div style="text-align: center;
line-height: 2rem;">
<h2 style="color: green;
text-align: center;">
Welcome To GeeksforGeeks
</h2>
<h2>
For this image any-link property
is applied because it has href
</h2>
<a href="https://www.geeksforgeeks.org">
<img alt="GeeksforGeeks" src=
"https://media.geeksforgeeks.org/
wp-content/uploads/20200723131450/
img6-300x82.png"
width="250" height="130">
</a>
<br>
<br>
<br>
<h2>
For this image any-link property
is not applied because it is not
having href
</h2>
<a>
<img alt="GeeksforGeeks" src=
"https://media.geeksforgeeks.org/
wp-content/uploads/20200723131450/
img6-300x82.png"
width="250" height="130">
</a>
</div>
</body>
</html>
Producción:
Nota: Internet Explorer no es compatible.
Navegador compatible:
- Cromo
- Firefox
- Ópera
- Safari
- Borde
Publicación traducida automáticamente
Artículo escrito por thacker_shahid y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA