2

我正在重新设计一个使用相当深入的 CMS 的网站。长期以来，编辑们一直只是简单地使用粗体标签作为标题，但现在我们想在文章字体中添加粗体文本，并使用 h3 标签在另一种字体中添加标题。但作为一种传统的解决方法，新文章中的任何粗体文本都将出现在标题字体中。

旧标题将始终在p标签中使用强标签进行格式化。同时，粗体字自然会成为一段文字中的强烈标签。内容被包装在一个div中，其 id 名为bodycopy。

所以，举个例子：

<div id="bodycopy">
    <p><strong>Old style headline</strong></p>
    <p>Here is paragraph text that can contain <strong>bolded</strong> text.</p>
</div>

我需要一种方法来为文章字体设置 CSS强标签的样式，并将p和强标签的精确组合作为标题。我尝试过的所有东西，无论是 CSS 还是 Javascript/jQuery，都没有奏效。

<style type="text/css">
    #bodycopy p strong {font:bold 11pt Arial;}
    #bodycopy p+strong {font:bold 20pt "Times New Roman";} // Doesn't work
</style>

任何帮助将非常感激。

编辑：这些标题可以出现在文本中的任何位置，而不仅仅是第一行或第一段。

4

2 回答 2

0

尝试这个：

#bodycopy p:first-child strong {font:bold 20pt "Times New Roman";} 
#bodycopy p strong {font:bold 11pt Arial;}
于 2013-07-30T16:21:23.313 回答
0

这是一个棘手的问题，因为<strong>每种情况下的标签都是标签的第一个孩子<p> 。

如果您确定标题模式<p><strong>...</strong></p>始终是包含块的第一个子项，您可以尝试：

#bodycopy p strong {
    font: bold 11pt Arial;
}
#bodycopy p:first-child strong {
    font: bold 20pt "Times New Roman";
}

这将处理您的旧页面。

演示：http: //jsfiddle.net/audetwebdesign/BvB9G/

于 2013-07-30T16:25:17.317 回答