YUI Reset CSS Fait <strong><em>ce n'travail</em></strong>

Cette ligne dans YUI est Reset CSS est à l'origine de la difficulté pour moi:

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

Il rend mon em pas en italique et mon strong non gras. Ce qui est correct. Je sais comment faire pour remplacer celle de mon propre feuille de style.

strong, b 
{
  font-weight: bold;
}

em, i 
{
  font-style: italic;
}

Le problème vient quand j'ai un texte à la fois em et strong.

<strong>This is bold, <em>and this is italic, but not bold</em></strong>

Ma règle pour strong rend audacieux, mais YUI est la règle pour em rend de nouveau normal. Comment puis-je régler ce problème?

OriginalL'auteur Patrick McElhaney | 2008-08-21

  1. 7

    Je voudrais utiliser cette règle pour remplacer le YUI reset:

    strong, b, strong *, b *
{
  font-weight: bold;
}

em, i, em *, i *
{
  font-style: italic;
}
    Malheureusement, cela semble ne pas fonctionner pour IE7

    OriginalL'auteur travis

  2. 6

    Si, en outre, à l'aide de YUI réinitialiser.css, vous pouvez également utiliser YUI base.css, alors vous serez tous ensemble avec un jeu standard de la croix-navigateur styles de base.

    LIEN: http://developer.yahoo.com/yui/base/

    YUI de base ne permettent pas de résoudre le problème. Il fait de solides gras et em italique, mais ne permet pas de résoudre le conflit lorsque le même texte est enveloppé dans les deux balises.

    OriginalL'auteur Ricky

  3. 3

    J'ai eu un problème similaire quand j'ai ajouté le YUI Reset en haut de mon stock fichier CSS. J'ai trouvé que la meilleure chose pour moi est de tout simplement supprimer tous les

    font-weight: normal;

    les déclarations de l'YUI Réinitialiser. Je n'ai pas remarqué que cela avait touché quelque chose de "cross-browser."

    Toutes mes déclarations ont été après l'YUI Reset donc je ne suis pas sûr pourquoi ils n'ont pas pris effet.

    OriginalL'auteur alexp206

  4. 2

    Aussi longtemps que vos styles sont chargés après la réinitialisation de ceux qu'ils devraient travailler. Ce navigateur est-ce? parce que je travaille dans une manière semblable à moi-même et je n'ai pas touché à ce problème, je me demande si c'est quelque chose dans mes tests à la faute.

    OriginalL'auteur sparkes

  5. 2

    Réinitialiser les feuilles de style sont utilisés au mieux comme une base. Si vous ne voulez pas réinitialiser em ou forte, retirez-les de la feuille de style.

    OriginalL'auteur Chris Marasti-Georg

  6. 2

    Comme Chris l'a dit, vous n'avez pas à utiliser l'exacte CSS ils fournissent religieusement. Je voudrais juste enregistrer une copie de votre serveur, et de les modifier à vos besoins.

    OriginalL'auteur Kevin

  7. 1

    Je dirais à éviter tout ce qui implique le démontage de l'YUI fichiers. Vous devez être en mesure de mettre à jour les bibliothèques externes dans l'avenir, et si votre site s'appuie sur des versions éditées il y a une bonne chance qu'il sera armé. Je pense que c'est le général de bonne pratique pour un 3ème partie de la bibliothèque que vous utilisez.

    Alors j'ai pensé cette réponse a été parmi les meilleurs

    Si, en outre, à l'aide de YUI réinitialiser.css, vous pouvez également utiliser YUI base.css, alors vous serez tous ensemble avec un jeu standard de la croix-navigateur styles de base.

    OriginalL'auteur Polsonby

  8. 0

    Je vois ce que vous dites. Je suppose que vous pouvez ajouter une règle CSS comme ceci:

    strong em { font-weight: bold; }

    ou:

    strong * { font-weight: bold; }

    OriginalL'auteur Ricky

  9. 0

    Je pensais que j'avais une solution idéale:

    strong, b 
{
  font-weight: bold;
  font-style: inherit;
}

em, i 
{
  font-style: italic;
  font-weight: inherit;
}

    Malheureusement, Internet Explorer ne prend pas en charge "hériter". 🙁

    OriginalL'auteur Patrick McElhaney