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