CSS à appliquer au contenu DIV

Question

J'ai un DIV comme ce qui suit:

<td> 
    <DIV> 
    <script type="text/javascript"> 
    // link to some js 
    </script> 
    </DIV> 
    </td> 

Les .js rend le dernier résumé de l'article à l'intérieur du div. Cependant, il le rend dans Calibri 10px.

Je veux que tout contenu à l'intérieur de la DIV devrait être rendu comme Verdana 10px. J'utilise un .js tiers donc je n'ai aucun contrôle dessus. Comment puis-je forcer le DIV à rendre le contenu comme je le veux?

Answer 1

Si les éléments du Javascript ajoute ont leurs propres déclarations de style, alors vous aurez besoin d'utiliser plus Javascript pour les remplacer. Sinon, vous devriez pouvoir donner à votre div une classe, appliquer vos styles à cette classe, puis les propager dans n'importe quel contenu à l'intérieur.

par exemple.

css:

.myClass { 
    font-family: Verdana; 
    font-size: 10px; 
} 

html:

<td> 
    <div class="myClass"> 
    <script type="text/javascript"> 
    // link to some js 
    </script> 
    </div> 
    </td> 

Si cela ne fonctionne pas, changer le CSS à ceci:

.myClass * { 
    font-family: Verdana; 
    font-size: 10px; 
} 

Answer 2

Si le javascript ne fait que le contenu et pas de style, vous pouvez le faire:

<td> 
    <DIV style='font-family: Verdana; font-size: 10px;'> 
    <script type="text/javascript"> 
    // link to some js 
    </script> 
    </DIV> 
    </td> 

Answer 3

Vous devez vérifier quels éléments le javascript génère. Utilisez firebug dans FireFox ou "Inspecter l'élément" dans Chrome. Lorsque vous connaissez l'élément, spécifiez quelque chose comme ça dans votre feuille de style.

body table tr td div elementOrClassNameThatYouFound { 
    font: verdana 10px; 
} 

Answer 4

Vous pouvez également essayer quelque chose dans votre CSS comme:

.myClass { 
    font-family: Verdana !important; 
    font-size: 10px !important; 
}