CSS樣式表中是否允許元素使用空格？

Question

我實際上使用的是drupal，我試圖使用「視圖幻燈片」來定位一個元素。這是不是一個真正的Drupal的問題，更多的是CSS queston的，但是，我的元素之一被稱爲：

<div class="views-slideshow-controls-bottom clear-block"> 

這裏的元件的圖像獲取的我在做什麼的想法。

但無論如何，我做了上面的類在我的樣式表，但是變化沒有顯示我的網頁上了。我試圖將那些在圖像中突出顯示的幻燈片預覽「浮」到圖像的右側，而不是現在的圖像下方。我認爲一個簡單的「浮動：左」;會做，但由於某種原因很明顯：兩者都停留在那裏，加上floatleft甚至沒有出現。

這個類有一個空間在它的中間，所以我想知道是否在樣式表上，這是允許的嗎？

.views-slideshow-controls-bottom clear-block { 
float:left; 
} 

例如，空格是否允許元素顯示或不顯示？謝謝，。

Answer 1

您需要將您的CSS中的類鏈接到.。

.views-slideshow-controls-bottom.clear-block { 
float:left;   /* notice^*/ 
} 

Answer 2

如果您想根據兩類選擇，把它們連這樣的：

.class1.class2 

這基本上轉化爲any element with class "class1" and with class "class2"

它的工作原理一樣的是，就像這樣a.btn[href]意思any element with tag name "a" and class "btn" and an "href" attribute - 通過鏈接不帶空格，可以對當前元素應用更多限制。

Answer 3

你不能在班級名稱空間，因爲當你給班級屬性，它將被視爲兩個分開的類