2

かなり詳細な CMS を使用するサイトの再設計に取り組んでいます。編集者は長い間、見出しに単純に太字のタグを使用してきましたが、今回は記事のフォントに太字のテキストを追加し、h3 タグを使用して別のフォントで見出しを追加したいと考えています。ただし、従来の回避策として、新しい記事の太字のテキストは見出しのフォントで表示されます。

古い見出しは常に、 pタグ内の強力なタグだけでフォーマットされます。一方、太字フォントは当然、テキストの段落内で強力なタグになります。コンテンツは、bodycopyという ID を持つdivにラップされます。

したがって、例として：

<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

<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 に答える
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 に答える