CSS simple question

Voici le CSSCSS simple question

.box { 
    background-color: #CCCCCC; 
} 
.box-title { 
    font-size: small; 
    font-weight: bold; 
    color: #000000; 
    background-image: url(/icons/bg.png); 
    background-repeat: repeat-x; 
} 
.box-content-container { 
    background-color: #FFFFFF; 
} 

a:link { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-decoration: none; 
color: #000000; 
} 
a:active { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-decoration: none; 
color: #000000; 
} 
a:hover { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-decoration: underline; 
color: #000000; 
} 
a:visited { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
text-decoration: none; 
color: #000000; 
} 

a.tag18:link { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
} 
a.tag18:hover { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    text-decoration: underline; 
} 
a.tag18:visited { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
} 
a.tag18:active { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
}

Et le code HTML

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="box"> 
    <tr> 
    <th class="box-title-header" scope="col">Categories </th> 
    </tr> 
    <tr> 
    <td class="box-content-container"> 
     <div align="center"> 
     <a class="tag18" href="http://www.site.com">Category 1</a>  
     </div> 
     <p>&nbsp;</p> 
    </td> 
    </tr> 
</table>

Q. Pourquoi la taille de la police apparaît pas comme 18px élevé, tel que défini dans le CSS?

EDIT:

Je voudrais créer un style CSS pour la plupart des hyperliens. Je crois que cela est réalisé avec: lien

Pour les styles supplémentaires que vous pouvez créer .style1 ...

Question
Peut-un: lien existe avec: style1? Il semble que: le lien remplace le style.

Réponse
a: link Bloque toute a.pseudo classe. Pour les styles multiples, utilisez un: lien, alors les styles d'hyperliens supplémentaires nécessitent '.classname a: link' Ceci peut être réalisé en HTML avec [span class = 'classname'].

Source

2010-07-20 rrrfusco

Cela semble fonctionner pour moi ... Qu'obtenez-vous ...? –

Pas besoin de: lien ... il suffit d'utiliser 'a'. Si vous voulez qu'un certain lien apparaisse d'une certaine manière, utilisez simplement un cours. a {} remplacera tout sauf si vous spécifiez une classe .className {} – st4ck0v3rfl0w

Avez-vous essayé

.tag18 {font-size:18px;}

Il est préférable de répéter pas les directives CSS, les laisser en cascade. Signification, si .tag18 va être une certaine police de famille et la taille, il suffit de le définir dans .tag18 et faire vos hovers avec la décoration de texte, la couleur, etc

Source

2010-07-20 22:49:56 st4ck0v3rfl0w

Btw, essayez de ne pas répéter les lignes CSS. Signification, si .tag18 va être une certaine police de famille et la taille, il suffit de le définir au sein de .tag18 et faire vos hovers avec la décoration de texte, la couleur, etc – st4ck0v3rfl0w

J'ai un: lien etc ... défini aussi. – rrrfusco

@ st4ck0v3rfl0w - bien dit. Généralement, il est préférable de modifier votre réponse plutôt que de la commenter. J'ai pris la liberté en votre nom. – msw

Le: lien et: pseudo-classes visitées doivent être définies avant de définir le: hover et: actif

http://www.w3schools.com/CSS/css_pseudo_classes.asp

il suffit de déplacer vos déclarations de style autour et vous serez bon

Source

2010-07-20 22:52:34 Jimmy

J'ai reformulé ma question à la fin. – rrrfusco

Avez-vous qu'il a essayé de tester avec Firebug?

http://getfirebug.com/

Une fois installé, vous pouvez inspecter l'élément, et il vous montrera les sélecteurs CSS qui lui sont applicables, y compris ceux qui déclarations des parents de substitution. Je l'ai trouvé aide A LOT.

Source

2010-07-21 03:37:37

CSS simple question

Répondre

Questions connexes