Question

<span class="bold">Some Title</span>
.bold
{
    font-weight:bold;
}

Cela rend hardiment, cependant ceci:

<strong>Some Title</strong>

ne fonctionne pas. Il rend tout comme du texte normal. J'utilise le doctype HTML5 et la police Google:

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

Tout le monde a connu cela aussi?

Edit: BoltClock a suggéré qu'il pourrait être remis à zéro CSS, voici le morceau pour <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;
}
Était-ce utile?

La solution

S'il n'y a rien d'autre pour strong, alors il est votre problème (ou plutôt, le problème de réinitialisation CSS).

Le style font: inherit, ainsi que tous ces sélecteurs, demande tout d'hériter tous les styles de police de son parent. Le poids par défaut est, de toute évidence, normal, pour que le texte de strong n'est plus gras jusqu'à ce que vous redéclarez:

strong { font-weight: bold; }

(D'autres éléments évidents pour réinitialiser les styles pour sont b, em, i, éléments de code, des éléments de devis, des tables, des rubriques, listes, etc.)

Autres conseils

ajouter:

strong{
 font-weight:bold;
}

à votre CSS. Peut-être que quelque part vous réinitialiser cette balise.

Les réinitialisations sont reseting pas seulement le rembourrage et les marges, comme BoltClock expliqué, font:inherit peut briser votre navigateur deafault comportement avec l'affichage style propre des polices.

En plus de la réponse de BoltClock, je trouve aussi que nous devons utiliser les noms de balises complètes pour fermer les balises, sinon la balise forte utilisée ne puis fonctionne pas. Par exemple,

<H1> heading </H1>

instead of,

<H1> heading </>

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top