如何使用CSS创建一个带有空格的类名

我有如下HTML：

<div class = "address full">

.address.full{}

---

你不能-没有办法在一个类名中有一个空格。因此，您提供的元素没有“包含空格的类名”。元素有两个不同的类

address

和

full

。当然，您可以通过如下方式指定这两个类来定位此元素：

<div class = "address full">

.address.full{}

如果您确实希望在类名中使用“空格”，则需要另一种方法来澄清您所看到的空格，例如连字号：

<div class = "address-full">

或者骆驼案

<div class = "addressFull">

---

您不能让CSS类中包含空格

您拥有的是两个独立的类，，

地址和
完整

您可以在选择器中指定这两个选项，如下所示：

.address.full
{
   background: #eee;
}

这实际上是两类：
address
和
full

要将样式应用于具有两个类的图元，请执行以下操作：

.address.info {
      background: #eee;
}

…确保选择器中以点分隔的类名之间没有空格。
这两个单词将被视为单独的类。如果它们总是一起使用，请考虑用连字符或下划线来分隔。但是，您可以使用以下方法将类作为目标：

.address.info {
    background: #eee;
}

这本质上是用class
address
和class
info
来标识元素。这在技术上不同于针对一类
地址信息

例如，如果将以下规则仅应用于
地址
，则它也将应用于此元素。
类不能有空间。它必须以下划线、破折号或字母开头。此外，类名的长度必须为两个字符

改用连字符或下划线

并且不能以数字开头