如何使用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"> 

Answer 2

你不能有CSS类带空格。

你有什么是两个分开类,address和full。

您可以选择如下指定这两种：

.address.full 
{ 
    background: #eee; 
} 

Answer 3

这实际上是2类：address和full

应用样式具有两个类执行此操作的元素：

.address.info { 
     background: #eee; 
} 

...确定有否点分隔的类名i之间的空格i你的选择器。

Answer 4

这两个词将被视为单独的类。如果它们总是一起使用，请考虑用连字符或下划线分隔。但是，可以使用靶向类：

.address.info { 
    background: #eee; 
} 

这实质上识别与两个类address和类info的元素。这在技术上与定位address info类不同。

例如，如果您然后将以下规则应用于address，它也将应用于此元素。

Answer 5

一个班级不能有空间。它必须以下划线，短划线或字母开头。另外，类名必须是两个字符长。

改为使用连字符或下划线。

Read this for more information.