Любые идеи, почему Tag не работает, но CSS делает?

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

Вопрос 

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

.bold
{
    font-weight:bold;
}

Это смешно, однако это:

<strong>Some Title</strong>

Не. Это просто отображает обычный текст. Я использую Doctype HTML5 и шрифт Google:

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

Кто -нибудь тоже это испытал?

РЕДАКТИРОВАТЬ: Boltclock предположил <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;
}
Это было полезно?

Решение

Если больше нет ничего для strong, тогда есть ваша проблема (или, скорее, проблема сброса CSS).

А font: inherit Стиль вместе со всеми этими селекторами просит все унаследовать каждый стиль шрифта от своего родителя. Вес по умолчанию, очевидно, есть, normal, так strong Текст больше не является смелым, пока вы не пересмотрите его:

strong { font-weight: bold; }

(Некоторые другие очевидные элементы для сброса стилей b, em, i, элементы кода, элементы цитирования, таблицы, заголовки, списки и т. Д.)

Другие советы

добавлять:

strong{
 font-weight:bold;
}

к вашему CSS. Может быть, где -то вы сбросите этот тег.

Эти сбросы сбрасывают не только прокладки и поля, как объяснил Boltclock, font:inherit Можно сломать поведение в браузерах, отображая правильный стиль шрифтов.

В дополнение к ответу Boltclock, я также обнаружил, что мы должны использовать полные имена тегов для закрытия тегов, в противном случае сильная тега, используемая после этого, не работает. Например,

<H1> heading </H1>

instead of,

<H1> heading </>

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top