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>

如果您只需要突出显示单个段落的不同位，那么 aspan是可以接受的，但不要忘记考虑现成的标签，例如strongor em。

<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>

一般来说，以您所说的方式使用 span 元素没有任何问题。

于 2012-08-17T15:16:23.243 回答