Question

尝试学习html / css。我一直在看html＆amp;几个不同网站的css文件，其中包含以下内容：

<span class="mytest anothertest">some text goes here</span>

我理解“mytest”部分，但“anothertest”是做什么的？在他们的css或html文件中没有任何引用。

Answer 1

anothertest只是另一个class，如mytest。您可以将多个元素应用于元素。

Answer 2

类属性值中存在类名有几种可能的原因。在页面样式表中使用类可能是最广为人知的，但不是唯一的：

可以在JavaScript中使用类名，以便方便地处理一组元素。（使用document.getElementsByClass是实现此目的的一种方法;另一种方法是使用jQuery;你甚至可以简单地手工编写它。）
在某些元数据系统中使用指定的类名称，例如微格式。一些搜索引擎识别这些名称并使用它们来提供语义搜索（尽管这种方法可能会失去使用不同属性的微数据）。
类名可以在用户样式表中使用，例如希望进行一些测试的开发人员。如果类名字面上是“厌恶的”，情况可能就是这样。
可能存在名称以允许未来发展，例如因此，在将来的某个版本中，类的元素将被定型或可能被定型。设计师可能对造型有所了解，但他们还没有做出决定 - 他们只是希望它们在准备就绪时很容易。
这可能只是一个延续。这是一个有用的课程，但事情发生了变化。没有特别的理由将其删除。

Answer 3

类名也用于使用JavaScript轻松选择页面中的元素。如果您需要兼容旧浏览器，可以使用getElementsByClassName方法访问它们或使用您喜欢的CSS选择器库（例如：Sizzle）。

Answer 4

这是一个非常好的问题。它涉及id和class之间的差异。

ID

放置在元素上的ID是该元素的唯一标识符。元素可能只有一个ID，并且页面上只能存在相同ID中的一个。因此，例如，以下示例是不可能的。

<a id="someid anotherid">Multiple IDs - Wrong</a>
<a id="someid"><span id="someid">Same ID twice - Wrong</span></a>

类

然而，类名恰恰相反。元素可能具有多个类名，并且相同的类名可能在页面上多次出现。像这样：

<a class="someclass anotherclass">Multiple Classes - Correct</a>
<a class="someclass"><span class="someclass">Same Class twice - correct</span></a>

简而言之，问题中显示的语法只是在一个元素上有两个类名，这是完全可以接受的。