Retour à Forum de site web

sélecteurs de pseudo-classe & attribut négation

  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Septembre 25th, 2011, 1:32 pm

IVe été en regardant les CSS3 : not() sélecteur ou négation pseudo-classe.

Im essayant de style tous les liens externes sur une une page différente des liens internes. Liens externes se produisent dans les paragraphes avec la classe « foo », comme suit :

Code: [ 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>



J'ai essayé de faire usage de la pseudo-classe de négation :

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



Aussi essayé avec un sélecteur descendant ou un sélecteur d'enfant levée en, mais en vain :

Code: [ 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;}



Est la : not() sélecteur pas travailler lorsque vous utilisez des sélecteurs d'attribut correspondant ?


excuses PS à l'avance si j'ai dépecé et utilisée à mauvais escient toute terminologie (une mauvaise habitude de mine).
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 25th, 2011, 1:32 pm

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 1 message
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 142 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC