2010-03-19 4 views
2

Pour définir vos propres couleurs pour l'ancrage, je sais que nous pouvons le faire dans UserContent.css: a {color: green! Important; background-color: blanc! important; taille de police: 1.2em! important; }Comment forcer firefox à utiliser des CSS personnalisées pour les balises d'ancrage contenant "#" ou "javascript:"?

Mais comment définir une couleur spécifique pour l'étiquette d'ancrage qui fait référence à la même page (le "#" est dans l'URL). Ou si "javascript:" est dans l'ural de la balise d'ancrage?

Répondre

2

Utilisez le attribute-starts-with selector:

a[href^="javascript:"], a[href^="#"] { 
    color: red; 
} 
+0

merci beaucoup! en particulier le lien pour plus d'informations :) Mais cela ne fonctionne pas pour tous les sites. Devra lire plus. Par exemple. a [href^= "javascript:"] {couleur: rouge! important; background-color: blanc! important; taille de police: 1.2em! important; } échoue pour http://www.canada.com/topics/travel/story.html?id=6ee05ca5-7c84-48d1-b007-be5b440ff7de sur le lien "Imprimer cet article". Bug Firefox ou plus de read-up nécessaire - permet de voir. – frissony

2

On dirait que le CSS3 Attribute Selector fonctionnera dans Firefox 3.0+.

a[href^="#"] 
{ 
    ⋮ declarations 
} 
+0

+1, Merci, déjà lu Andy E. – frissony

+0

L'exemple que vous avez posté sur la réponse d'Andy E ne fonctionne probablement pas car le texte du lien est dans un élément "span" et le style par défaut est plus spécifique pour le "span" que le sélecteur d'attribut seul. Essayez: a [href^= "javascript:"] span {⋮ déclarations} – HaleFx

Questions connexes