可以为双CSS类编写样式吗？

Question

考虑以下风格......

.fleft { float: left; margin-right: 15px; }

现在考虑这些div：

<div class="fleft"></div>
<div class="fleft Shadow"><div style="position: relative; left: 15px;"></div></div>

文本被推到每个文本右侧15个像素。问题是第二个内部div，它通过绝对定位向右偏移15个像素。这导致两个div和周围文本之间有0个边距。

有没有办法为两个类编写样式？我试过这些，但它们不起作用：

.fleft .Shadow { margin-right: 30px; }

Answer 1

是的，只是不要在它们之间留一个空格：

.fleft.Shadow { margin-right: 30px; }
      |
 Space removed

使用空格，您将选择类Shadow的元素，这些元素具有类fleft的祖先。如果没有它，你就会选择两个类的元素。

Answer 2

是

.fleft, .Shadow { margin-right: 30px; }

除非框架以某种方式控制它，否则不应该修复它。例如，如果你查看twitter引导程序，它们会用空格来连接类，如下所示

.login-box .login-links { font-size: .7em }

请参阅FIDDLE