0

DIV 内で SPAN タグに異なるクラスを与えることは賢明であり、良い習慣ですか。たとえば、特定のレイアウト/位置の色などを必要とするテキストの段落のスタイリングなど...?

または、より良い/より効率的な方法はありますか?

4

2 に答える 2

2

段落の内容を でラップするのではなく、段落自体にクラスを指定すると、HTML が少なくなりますが、spanあなたが言ったことを完全に実行できます。もちろん、複数の段落に同じクラスを与えることもできます:

HTML:

<div>
    <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

またはdiv、クラスを指定して、それを使用して段落を選択します。

HTML:

<div class="paragraphs">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

CSS:

div.paragraph p { }

または、それぞれに異なるクラスがあり、十分な柔軟性があります

HTML:

<div>
    <p class="paragraph1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p class="paragraph2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p class="paragraph3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

1 つの段落のさまざまな部分だけを強調する必要がある場合は、aを使用できますが、や などspanの既製のタグを考慮することを忘れないでください。strongem

<p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit.</p>
于 2012-08-17T15:26:58.097 に答える
1

こんな感じですか？

<p><span>my text goes here it is lovely text</span></p>

その場合は、可能であれば段落にクラスを追加するだけでよいでしょう。

<p class="myclass">my special text goes here</p>

一般に、あなたが話している方法でスパン要素を使用しても問題はありません。

于 2012-08-17T15:16:23.243 に答える