Advanced Search

Detectar automáticamente links externos con CSS, IE7

/ Published in: CSS
Save to your folder(s)
Por ejemplo, haciendo uso del operador ^= (que nos permite seleccionar solo aquellos elementos cuyo atributo especificado coincida, al comienzo de la cadena, con el valor especificado) podremos crear una reglas para determinar el aspecto de nuestros links en función de si son externos o internos. CSS3.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /*ENLACES INTERNOS*/
  2. a {
  3.       background-color: #666;     
  4.       color: #FFF;
  5.       font-weight: bold;
  6.       text-decoration: none;
  7.       padding-bottom: 1px;
  8.   }
  9. a:hover {
  10.       background-color: #FAF3EC;
  11.        color:#666;
  12. }
  13.  
  14. /*ENLACES EXTERNOS*/
  15. a[href^="http:"] {
  16.      color: #FFF;
  17.      background-color: #F00;
  18. }
  19. a[href^="http:"]:hover {
  20.       background-color: #FAF3EC;
  21.       color:#666;
  22. }

URL: http://www.webintenta.com/novedades-ie7-detectar-automaticamente-que-links-son-externos-con-css.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.