¿Alguna idea por qué la etiqueta no funciona pero CSS sí?

StackOverflow https://stackoverflow.com/questions/6813750

Pregunta 

<span class="bold">Some Title</span>

.bold
{
    font-weight:bold;
}

Esto hace que sea audaz, sin embargo, esto:

<strong>Some Title</strong>

No es. Simplemente representa como texto regular. Estoy usando el HTML5 DOCTYPE y la fuente de Google:

<link href='http://fonts.googleapis.com/css?family=Droid+Sans&v2' rel='stylesheet' type='text/css'>

¿Alguien experimentó esto también?

Editar: BoltClock sugirió que podría ser el reinicio de CSS, aquí está el trozo para <strong>

/** CSS Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
¿Fue útil?

Solución

Si no hay nada más para strong, luego está su problema (o más bien, el problema del reinicio de CSS).

los font: inherit El estilo, junto con todos esos selectores, es pedirle a todo que herede cada estilo de fuente de su padre. El peso predeterminado es, obviamente, normal, asi que strong El texto ya no es audaz hasta que lo redegues:

strong { font-weight: bold; }

(Algunos otros elementos obvios para restablecer estilos son b, em, i, elementos de código, elementos de cotización, tablas, encabezados, listas, etc.)

Otros consejos

agregar:

strong{
 font-weight:bold;
}

a tu CSS. Tal vez en algún lugar restablece esta etiqueta.

Esos reinicios se restablecen no solo el acolchado y los márgenes, como explicó BoltClock, font:inherit puede romper los navegadores de la sordo del comportamiento con la exhibición de fuentes adecuados.

Además de la respuesta de BoltClock, también descubrí que debemos usar los nombres de etiquetas completos para cerrar las etiquetas; de lo contrario, la etiqueta fuerte utilizada después no funciona. Por ejemplo,

<H1> heading </H1>

instead of,

<H1> heading </>

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top