如何使用CSS在其中包含空格的单个类名称

Question

我有这样的HTML:

<div class = "address full">

我想添加CSS.如何为具有空格的类编写选择器？这不是我想要的.

."address info" {
  background: #eee;
}

Answer 1

你不能 - 在单个类名中没有空间.所以你在那里提供的元素没有'带有空格的类名'.该元素有两个不同的类address和full.您当然可以通过指定这两个类来定位此元素:

.address.full{}

如果你真的想要类名中的"空格",你需要另一种方法来澄清你所看到的空格,例如连字:

<div class = "address-full">

或者也许是骆驼案

<div class = "addressFull">