CSS属性

Question

我正在学习bootstrap，这对我来说是新的（我最后在网络端编写的Web表单2.0）是具有多个值的类属性

例如<div class="navbar navbar-collapse collapse">

我已经尝试使用谷歌搜索一些短语来寻找解释“类属性，引导程序中的多个值”等等。当我打字这个问题时我已经按照链接但我似乎无法找到一个很好地解释了它究竟是什么。它是继承，某种级联操作还是一个名称中带空格的类？

Answer 1

在DOM中，对象可以附加多个类。这些类完全相互独立，并且通常在CSS中用于在引用实际DOM节点时获得更大的特异性。

在您的示例中，div为navbar，navbar-collapse和collapse。这允许其他地方的代码添加和删除类来改变DOM节点的外观。

例如：如果我要从此navbar-collapse类中删除collapse和div，我预计导航栏将不再折叠 - 但仍会保留所有{{1}造型。

Answer 2

他们只是不同的阶级，就是这样。在您的示例中，该div将具有类navbar，其具有默认导航栏的特定样式，它还具有navbar-collapse类，该类在bootstrap中用于告诉元素它必须以特定宽度折叠，允许它看起来像一个不同的折叠下拉菜单。 Bootstrap有很多这些类，并且为了让您了解它们，我建议您仔细查看网站上的文档，该文档详细解释了每个特定的类。