Question

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

.bold
{
    font-weight:bold;
}

这大胆呈现，但是：

<strong>Some Title</strong>

没有。它只是呈现为常规文本。我正在使用HTML5 doctype和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;
}

Answer 1

如果strong没有其他内容，那就是你的问题（或者更确切地说，CSS重置的问题）。

font: inherit样式与所有这些选择器一起，要求所有内容都从其父级继承每种字体样式。默认权重显然是normal，因此在重新声明之前strong文字不再是粗体：

strong { font-weight: bold; }

（重置样式的其他一些明显元素有b，em，i，代码元素，引用元素，表格，标题，列表等。）

Answer 2

添加：

strong{
 font-weight:bold;
}

到你的CSS。也许某处你重置了这个标签。

Answer 3

正如BoltClock所解释的那样，这些重置不仅仅重置了填充和边距，font:inherit可以通过显示正确的字体样式来破坏浏览器的聋人行为。

Answer 4

除了BoltClock的答案之外，我还发现我们必须使用完整的标签名称来关闭标签，否则之后使用的STRONG标签不起作用。例如，

<H1> heading </H1>

instead of,

<H1> heading </>

Answer 5

对我来说，问题是 Angular Material .mat-option 类，由于某种原因，使用 <b> 或 <strong> 无法使用它们的字体。将他们的字体更改为另一种字体解决了我的问题。

有什么想法为什么<strong>标签不起作用，但CSS呢？</strong>

5 个答案: