Remplacer la taille de police dans un DIV à l'aide de CSS

Dans un DIV j'texte/html code qui se charge à partir d'une base de données. Ce texte contient parfois des taille de la police définitions (ex: taille de la police="3"). est-il un moyen de remplacer cette taille de police dans cette DIV en utilisant le CSS.

Je suis reconnaissant pour toute aide.

Vous pouvez toujours essayer !important.

OriginalL'auteur Sascha C | 2012-06-15

  1. 11

    En supposant une marque semblable à la suivante:

    <div>
    <font size="1">Some text at 'size="1"'</font> and natively-sized text, with more at <font size="26">'size="26".'</font>
</div>​

    Alors vous pouvez enseigner CSS pour inherit la font-size de l'élément parent:

    div {
    font-size: 1.5em;
}
div font {
    font-size: inherit;
}

    JS Fiddle démo.

    Veuillez noter que, bien sûr, que font est obsolète et ne devrait donc pas être utilisé (comme support pour l'élément peut cesser, sans préavis et/ou les implémentations de changer sans avertissement).

    D'ailleurs, alors que !important force une déclaration pour remplacer l'habituel cascade de styles, c'est prendre un marteau pour casser une noix; et, si elle peut être évitée (et dans ce cas, il me semble, il peut être évités), il devrait l'être, car elle complique plus tard le débogage de styles, et associée à l'héritage de problèmes.

    De plus, c'est traiter les symptômes de votre problème; le problème, vous êtes vraiment face à la présence de la font balises dans votre contenu de la base de données. Cela devrait être corrigé, en supprimant les éléments, et de les remplacer de façon appropriée style éléments, tels que em, span et ainsi de suite...

    Références:

    +'d, une très belle idée sur le sujet!
    Pourquoi, je vous remercie de bien vouloir! =)
    parfait, merci beaucoup pour votre aide!
    À l'aide de font-size: 100% est plus efficace (plus large prise en charge du navigateur) que font-size: inherit.

    OriginalL'auteur David Thomas

  2. 4

    À l'aide de la CSS !important notation en vous disant que le navigateur remplacer la taille de police définie à l'intérieur de votre div:

    À partir du lien ci-dessus, il lit:

    Toutefois, pour l'équilibre, de "!important" de la déclaration (le délimiteur jeton "!" et le mot "important" suivez la déclaration) l'emporte sur une déclaration normale.

    Exemple

    Voir ce travail de Violon Exemple!

    .htmlContents * {font-size:10px!important;}

<div class="htmlContents">my database html content</div>

    OriginalL'auteur Zuul

  3. 0

    Une idée: donner à ces balises de texte un id ou une classe, puis l'utilisation de JavaScript pour trouver ces éléments et de changer de style.

    OriginalL'auteur Viele

  4. 0

    Comment sur le décapage de la "police" des balises du texte avant de l'insérer dans la div? Puis juste le style de la div avec une taille de police.

    OriginalL'auteur yujust