Volver al Foro de Diseño de páginas Web

selectores de pseudo-class & atributo de negación

  • Zwirko
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: May 29, 2005
  • Mensajes: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Nota Septiembre 25th, 2011, 1:32 pm

Ive sido mirando el CSS3: not() selector o negación pseudo-class.

Im tratando todos los enlaces externos al estilo de una página de forma diferente que los enlaces internos. Enlaces externos se producen en los párrafos con el nombre de clase "foo", de este modo:

Código: [ Select ]
<p>A random <a href="../some_dir/">internal link</a></p>
<p class="foo">A random <a href="http://foo.bar">external link</a></p>
  1. <p>A random <a href="../some_dir/">internal link</a></p>
  2. <p class="foo">A random <a href="http://foo.bar">external link</a></p>



Traté de hacer uso de la pseudo-class de negación:

Código: [ Select ]
a[href^="http://"]:not(.foo) {color: #000; text-decoration: underline;}



También probé con un selector de descendiente o un selector de hijo producida en, pero en vano:

Código: [ Select ]
p > a[href^="http://"]:not(.foo) {color:#000;font-weight:normal;text-decoration:underline;}

p a[href^="http://"]:not(.foo) {color:#000;font-weight:normal;text-decoration:underline;}
  1. p > a[href^="http://"]:not(.foo) {color:#000;font-weight:normal;text-decoration:underline;}
  3. p a[href^="http://"]:not(.foo) {color:#000;font-weight:normal;text-decoration:underline;}



¿Does la: selector not() no funciona cuando utilice selectores de atributos coincidentes?


disculpas de PS de antemano si he masacrado y mal cualquier terminología (la mala costumbre de minas).
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 25th, 2011, 1:32 pm

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 1 mensaje
  • Usuarios navegando por este Foro: roelof y 138 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC