html - 要素のCSSスタイルシートでスペースを使用できますか？

Question

私は実際にdrupalを使用しており、「ビュースライドショー」を使用して要素を配置しようとしています。これは実際にはDrupalの質問ではなく、cssの質問ですが、私の要素の1つは次のように呼ばれます。

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

これは、私が何をしているのかを理解するための要素の画像です。

とにかく、スタイルシートでそのクラスを作成しましたが、変更がページに表示されません。画像の下ではなく、画像の右側にハイライト表示されているスライドプレビューを「フロート」させようとしています。単純な「float：left;」と思いました。可能ですが、何らかの理由で明確です。両方がそこにとどまっていることに加えて、floatleftも表示されていません。

クラスの真ん中にスペースがあるので、スタイルシートでこれは許可されているのだろうかと思いました。

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

たとえば、スペースを使用すると、要素を表示できますか？ありがとう、。

Answer 1

あなたはあなたのcssでクラスを一緒にチェーンする必要があります.。

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

Answer 2

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

クラス名にスペースを含めることはできません。クラス属性を指定すると、2つの別個のクラスと見なされます。