2

現在、いくつかのデフォルトの宣言されたスタイルを必要とするウィジェットを作成しています (ウィジェット html は、スタイル タグのデフォルトの css とともに javasacript に含まれています) が、問題は、haml フィルターを「チェーン」できないことです。

私がやろうとしているのは、次のようにウィジェットとともに内部スタイルシートを追加することです:

<style type="text/css">
  p {color: #f00;}
</style>

<div id="widget-goes-here">
   <p>etc</p>
</div>

私たちはhamlを使用しているので、sassフィルターで試してみました:

:sass
  p
    :color #f00

#widget-goes-here
  %p etc

悲しいことに、それは ap と生成された css コードを文字通り一番上にして div を生成しただけです:

p {color: #f00;}

paragraph here

次に、haml の :css フィルターを使用して、スタイル タグで囲みました (理論的には、段落テキストの色を赤に変える必要があります)。

:css
  :sass
    p
      :color #f00

#widget-goes-here
  %p etc

しかし、これも失敗しました。スタイルタグを生成しましたが、 :sass p :color #f00 という単語を囲みました(sassコードを解析しませんでした)

に変更しました

 :css
   p {color: #f00}

それはうまくいきましたが、私はまだ（プレーンな古いcssの代わりに）sassでスタイリングを行う予定です。これを行う方法はありますか？

4

1 に答える 1

10

また、これをhamlグループに投稿し、これが返信でした。

フィルタをネストすることはできません。

あなたはサスのためにこれが欲しい：

%style{:type => "text/css"}
  :sass 
    div 
      color: red

まあ、それがネストされていればもっときれいだったかもしれません。

于 2010-05-27T10:18:15.990 に答える