如何選擇有空格的班級

如何選擇一個班級，如class="boolean optional"？如何選擇有空格的班級

我已經試過這樣：

.boolean optional {CSS} 

.boolean_optional {CSS}

來源

2011-07-30 Rails beginner

那些實際上是兩種不同類型的元素的段落裏。 – Zepplock

你的第一個選擇器在'class =「boolean」'的元素中使用'optional'元素。你的第二個選擇器使用'class =「boolean_optional」'作爲元素。 – BoltClock

由於Zepplock說，這其實兩個班在一個單一的屬性：boolean和optional。該空間不是類名稱的一部分;它充當分隔符。

這三種選擇都將匹配它：

.boolean 
.optional 
.boolean.optional

最後選擇只因爲它有都類拿起這個元素。

你從未包括空間鏈接的時候類選擇，即使沒有這樣的：

.boolean .optional

由於其選擇都包含在單獨.boolean元素.optional元素。

來源

2011-07-30 18:08:26 BoltClock

在IE6中，'.boolean.optional'等同於'.optional'，請參閱http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-elements-with-two-classes/3772305 ＃3772305 – BoltClock

那些不是具有空格的類:)它們被稱爲多個類選擇器。

你基本上只需要確保所有的類名都被連接起來（它們之間沒有空格）並用點分隔。

.boolean.optional { 

}

來源

2011-07-30 18:08:29 brezanac

空格在類名中無效。 class="boolean optional"意味着元素具有類boolean和optional，所以你可以匹配，要麼.boolean，.optional，或者如果你想只匹配都是可選的和布爾對象，與.boolean.optional。

來源

2011-07-30 18:08:49 phihag

類的名稱中實際上不會有空格。在你的例子中，這實際上是兩個類; boolean和optional。

應用樣式的同時具有這些類的元素，構建體是

.boolean.optional { 
/* CSS */ 
}

然而，IE6是已知有與此一些問題。有關已知怪癖的更多詳情，請參閱this link。

來源

2011-07-30 18:11:16 ckittel

我明白這是前一段時間，但如果任何人的興趣，這是我已經找到得心應手也，如何定位/其中有兩個類元素中選擇一個元素... 例

.boolean.optional > p { 
    color: red; 
}

也許不需要解釋，但：打開「段落文本紅」只爲這兩個類存在ieboth .boolean和。可選

來源

2013-09-27 12:06:00

如何選擇有空格的班級

回答

相關問題