css - haml & scss - 1 行に 2 つのスタイル

Question

私は現在このコードを持っています。白いテキストを白く、緑のテキストを緑にする必要がありますが、それらはすべて同じ行にある必要があります..私は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;
      }

Answer 1

spanこの状況でタグを使用できます。

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

そしてSCSSでは：

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