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

你不能在班级名称空间，因为当你给班级属性，它将被视为两个分开的类