Question

在DIV中为SPAN标记提供不同的类是明智/良好的做法。例如，需要特定布局/位置颜色等文本的样式段落......？

还是有更好/更有效的方法吗？

Answer 1

如果您将段落本身作为类，那么您将拥有更少的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>

如果您只需要突出显示单个段落的不同位，则可以接受span，但不要忘记考虑现成的标签，例如strong或em。< / p>

<p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit.</p>

Answer 2

你的意思是这样吗？

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

如果是这样，那么如果可能的话，你最好简单地在段落中添加一个类：

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

一般来说，在你谈论的方式中使用span元素没有任何问题。

使用span类是一种好习惯吗？

2 个答案: