-1

我实际上正在使用drupal,并且正在尝试使用“视图幻灯片”来定位元素。这不是一个真正的drupal问题,更多的是一个css问题,但是,我的一个元素被称为:

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

这是元素的图像,以了解我在做什么。

截屏

但无论如何,我在样式表中创建了上面的那个类,但是我的页面上没有显示更改。我正在尝试将图像中突出显示的那些幻灯片预览“浮动”到图像的右侧,而不是现在的图像下方。我想了一个简单的“浮动:左;” 会做,但由于某种原因很清楚:两者都呆在那里,而且 floatleft 甚至没有出现。

那里的班级中间有一个空格,所以我想知道在样式表上是否允许这样做?

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

例如,空格是否允许元素显示?谢谢,。

4

3 回答 3

5

您需要在您的 css 中使用..

.views-slideshow-controls-bottom.clear-block {
float:left;           /* notice ^ */
}
于 2012-08-29T19:12:20.013 回答
3

如果要基于两个类进行选择,请像这样链接它们:

.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- 通过不带空格的链接,您可以对当前元素应用进一步的限制。

于 2012-08-29T19:12:46.603 回答
0

你不能在类名中有空格,因为当你给类属性时,它将被视为两个单独的类

于 2012-08-29T19:13:12.797 回答