all - YUI Reset CSS Hace que<strong><em> esto no funcione</ em></ strong>

reset css html5

Question

Esta línea en Restablecer CSS de YUI me está causando problemas:

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

Hace que mi em no sea en cursiva y mi strong no sea audaz. Lo cual está bien. Sé cómo anular eso en mi propia hoja de estilo.

strong, b 
{
  font-weight: bold;
}

em, i 
{
  font-style: italic;
}

El problema aparece cuando tengo un texto que es tanto em como strong .

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

Mi regla para strong hace audaz, pero la regla de YUI para em hace que vuelva a ser normal. ¿Cómo arreglo eso?

Answer 1

Como dijo Chris, no tienes que usar el CSS exacto que brindan religiosamente. Solo guardaría una copia en su servidor y editaría según sus necesidades.

Answer 2

Restablecer hojas de estilo se usa mejor como base. Si no desea restablecer em o fuerte, elimínelos de la hoja de estilo.

Answer 3

Si además de usar YUI reset.css, también usa YUI base.css, entonces estará todo listo con un conjunto estándar de estilos de base de navegador cruzado.

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

Answer 4

Siempre que sus estilos se carguen después de los restablecidos, deberían funcionar. ¿Qué navegador es este? porque yo trabajo de manera similar y no me he enfrentado a este problema, me pregunto si es culpa de mi prueba.

Answer 5

Veo lo que dices. Supongo que puedes agregar una regla de CSS como esta:

strong em { font-weight: bold; }

o:

strong * { font-weight: bold; }

Answer 6

Pensé que tenía una solución ideal:

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

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

Desafortunadamente, Internet Explorer no admite "heredar". :-(

Answer 7

Tuve un problema similar cuando agregué el Restablecimiento de YUI a la parte superior de mi archivo CSS de stock. Descubrí que lo mejor para mí era simplemente eliminar todos los

font-weight: normal;

declaraciones del Restablecimiento YUI. No me he dado cuenta de que esto ha afectado a cualquier "navegador cruzado".

Todas mis declaraciones fueron después del reinicio de YUI, así que no estoy seguro de por qué no estaban teniendo efecto.

Answer 8

Si su fuerte declaración viene después de que YUI sea suya, debe anularla. Puedes forzarlo así:

strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }

Si todavía es compatible con IE7, deberá agregar !important .

strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }

Esto funciona - compruébalo tú mismo:

/*YUI styles*/
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
/*End YUI styles =*/

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

em, i, em *, i * {
  font-style: italic;
}

 <strong>Bold</strong> - <em>Italic</em> - <strong>Bold and <em>Italic</em></strong>

Answer 9

Usaría esta regla para anular el reinicio de YUI:

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

em, i, em *, i *
{
  font-style: italic;
}

Answer 10

Sugeriría evitar cualquier cosa que implique hackear los archivos de YUI. Debe poder actualizar las bibliotecas externas en el futuro y si su sitio se basa en versiones editadas, existe una buena posibilidad de que se acumule. Creo que esta es una buena práctica general para cualquier biblioteca de terceros que use.

Así que pensé que esta respuesta estaba entre las mejores

Si además de usar YUI reset.css, también usas YUI base.css, entonces estarás listo con un conjunto estándar de estilos de base de navegador cruzado.