Irgendwelche Ideen, warum Tag nicht funktioniert, aber CSS?

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

Frage 

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

.bold
{
    font-weight:bold;
}

Dies macht mutig, wie auch immer:

<strong>Some Title</strong>

Nicht. Es wird nur als regulärer Text. Ich verwende den HTML5 -DOCTYPE und die Google -Schriftart:

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

Hat das auch jemand erlebt?

Bearbeiten: Boltclock schlug vor, es könnte sich um CSS zurückgesetzt werden. Hier ist der Chunk für <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;
}
War es hilfreich?

Lösung

Wenn es nichts anderes für gibt strong, Dann gibt es Ihr Problem (oder besser gesagt, das Problem des CSS Reset).

Das font: inherit Der Stil, zusammen mit all diesen Selektoren, bittet alles, jeden Schriftartenstil von seinem Elternteil zu erben. Das Standardgewicht ist offensichtlich, normal, Also strong Der Text ist nicht mehr fett, bis Sie ihn neu deklarieren:

strong { font-weight: bold; }

(Einige andere offensichtliche Elemente zum Zurücksetzen von Stilen für sind b, em, i, Codeelemente, Zitatelemente, Tabellen, Überschriften, Listen usw.)

Andere Tipps

hinzufügen:

strong{
 font-weight:bold;
}

zu deinem CSS. Vielleicht haben Sie dieses Tag irgendwo zurückgesetzt.

Diese Resets setzen nicht nur Polster und Ränder zurück, wie Boltclock erklärte, font:inherit Kann Ihr Browser auf Brechen des Deafault -Verhaltens brechen, indem Sie den richtigen Schriftarten Stil anzeigen.

Zusätzlich zu Boltclocks Antwort fand ich auch heraus, dass wir die vollständigen Tag -Namen zum Schließen der Tags verwenden müssen, da sonst das danach verwendete starke Tag nicht funktioniert. Zum Beispiel,

<H1> heading </H1>

instead of,

<H1> heading </>

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top