Question

只是想知道，为文本标签创建css类是不错的主意。

让我们说h1标签是24px字体大小，但由于某些原因我想要更大的字体大小36px并为h1标签创建一个css类，如下所示。

<h1 class="special-title">
or
<h1 id="special-title">

这有经验法则吗？在它被认为合适的时候？

Answer 1

首先：HTML是关于语义的。 CSS就是造型。

这意味着：

<h1>是一个非常重要的标题
<h2>是一个不那么重要的标题
<h6>是一个非常不太重要的标题

如果我理解你的话，你想用不同的方式标题标题<h1>。请考虑一下，为什么要以不同的方式设计它。它们的重要性是否相同？

如果没有，您可以为<h2>标记添加不太重要的标题，为<h1>标记添加重要标题。

CSS：

h1 { font-size:36px; }
h2 { font-size:24px; }

如果它们具有相同的重要性，则special-headline的方法是处理此问题的正确方法。您应该以{{1}}执行此操作。 Class表示它是一个唯一的对象。但我认为，你有一个Id。

Answer 2

ID值应该是唯一的，并且只对页面上的一个元素使用一次。如您的示例所示，该类可以重复用于许多H1。

您的CSS将是

#special-title {
    /* style for this one element only */
}
.special-title {
    /* style for all elements using this class*/
}

一个好的经验法则是使用ID表示唯一的单个元素和类，以便为许多元素重复样式。

将它付诸实践，你可以这样做：

<style>
    #special-title { /* a unique ID selector for one element */
        color: red;
        font-size: 3em;
    .special-title { /* a class selector for many elements */
        color: blue;
        font-size: 1.5em;
    }
</style>
<h1 id="special-title">one unique style</h1>
<h1 class="special-title">more uniform styles</h1>
<h1 class="special-title">more uniform styles</h1>
<h1 class="special-title">more uniform styles</h1>

第一个标题与其他标题不同，因为我们为其唯一ID编写了CSS规则。

Answer 3

出于某种原因修改标题可以通过使用class或Id来完成。对我来说，只要你使用相同用途的类和唯一ID的Id选择器（一次使用）就没关系。

Answer 4

没有一般的经验法则可以说你应该使用id或class来做到这一点。但是，我总是倾向于上课。这就是为什么！

类比ID轻。一个id比一个类增加了更多的重量。
ID很容易发生冲突，因为它们应该是唯一的，如果你复制它们，最终可能会产生不必要的结果。
由于上述原因，类可重复使用，而ID则不可用。

出于更多原因，您应该明确阅读。

http://css-tricks.com/the-difference-between-id-and-class/

为文本标签创建css类是一个坏主意吗？

4 个答案: