Есть идеи, почему тег <strong>не работает, а CSS работает? - PullRequest
Новая
       3

Есть идеи, почему тег <strong>не работает, а CSS работает?

8 голосов
/ 25 июля 2011 
<span class="bold">Some Title</span>

.bold
{
    font-weight:bold;
}

Это выглядит смело, однако это: 

<strong>Some Title</strong>

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

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

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

Редактировать: BoltClock предположил, что это может быть сброс CSS, вот кусок для <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;
}

Ответы [ 4 ]

37 голосов
/ 25 июля 2011

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

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

strong { font-weight: bold; }

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

6 голосов
/ 25 июля 2011

добавьте: 

strong{
 font-weight:bold;
}

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

1 голос
/ 17 января 2016

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

0 голосов
/ 31 июля 2014

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

<H1> heading </H1>

instead of,

<H1> heading </>

...