Question

我实际上正在使用drupal而我正在尝试使用“views slideshow”定位元素。这不是一个真正的drupal问题，更多的是css queston，然而，我的一个元素被称为：

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

这是一个元素的图像，用于了解我正在做的事情。

但无论如何，我在我的样式表中创建了上面的类，但是我的页面上没有显示更改。我试图将图像中突出显示的幻灯片预览“浮动”到图像的右侧，而不是图像下方的现在。我想一个简单的“浮动：离开;”会这么做，但出于某种原因，这一点很清楚：两者都留在那里，加上浮子甚至没有出现。

那个类中间有一个空格，所以我想知道在样式表上是否允许这样做？

.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

你不能在类名中有空格，因为当你给出class属性时它会被认为是两个单独的类