2012-12-07 7 views
0

J'ai le bit de code HTML suivant:Changer la couleur de la police du texte du lien

<ul class="unstyled" style="font-size:16px;"> 
    {% if stuff %} {% for eachthing in stuff %} 
    <li> 
    <a href = "path"> Stuff goes here </a> 
    </li> 
    {% endfor %} {% else %} 
</ul> 

Fondamentalement, je voudrais changer la couleur du texte du lien dans le modèle plutôt que dans le CSS.

Comment est-ce que je ferais ceci? J'ai essayé d'ajouter une propriété 'color' à la fois à l'élément et à l'élément mais en vain. Ne pouvez-vous pas simplement appliquer un attribut de style comme celui-ci?

Répondre

3

Vous devez utiliser la propriété de couleur pour l'élément ul ou li qui ne sera pas applicable color à l'élément <a>, au lieu essayer

<a href="path" style="color: #ff0000;">Stuff goes here</a> 

Ou si vous changez d'avis et que vous voulez aller pour CSS que d'utiliser cette

ul.unstyled li a { 
    color: #ff0000; 
} 

Ou hérite de la couleur mère

Demo

+0

Bien sûr, cela fonctionne - je modifiais le mauvais morceau de code et je me demandais «wtf pourquoi cela ne fonctionne pas» haha ​​:-) Je suppose que cela montre Pourquoi devriez-vous faire des réglages dans le navigateur d'abord pour le tester. – user1328021

+0

@ user1328021 Heureux que ça vous a aidé :) –

1

Si vous voulez changer la couleur du lien, vous pouvez utiliser le onmouseover pour changer la couleur pendant le vol stationnaire. mais vous ne pouvez pas changer la couleur sans utiliser CSS soit implicitement ou explicitement

Questions connexes