汉密尔顿酒店；scss-一行上有两种样式

我目前有这个代码，我需要白色的文本是白色的，绿色的文本是绿色的，但他们都在同一行。。我是haml和scss的新手，所以我相信这是非常明显的

haml代码：

.left
    %h2 
      green text white text 
      %img(src="/assets/_logo.gif")

scss代码：

.left { 
      width: 450px; float: left; padding: 20px; 
      h2 {color: #2A8E82}
      }
      h3 {color: #FFFFFF}
      p {color: #FFFFFF}
      background: url("/assets/silicon/box_bg.gif") repeat-x;
      }

---

在这种情况下，您可以使用

span

标记：

%h2 
  <span class='green'>green text</span><span class='white'>white text</span>
#or
%h2
  %span.green green text
  %span.white white text

.left {
  h2 {
    color: #2A8E82;
    .green {
      color: green;
     }
     .white {
        color: white;
     }
   }
 }