如何在Jade模板中編寫內聯CSS樣式時使用javascript變量

Question

我試圖動態插入CSS片段。理想情況下，這將工作：

style(type='text/css') 
    #header a#logo { background:url(constants.logo) no-repeat; } 
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { 
     #header a#logo { background-image: url(constants.logo_2x); } 
    } 

不幸的是，constants.logo是/ literally /放置在DOM中。工作是什麼如下：

!= "<style type='text/css'>" 
!= "#header a#logo { background:url('"+constants.logo+"') no-repeat; }" 
!= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {" 
!= " #header a#logo { background-image: url('"+constants.logo_2x+"'); }" 
!= "}</style>" 

有沒有更好的方法？

Answer 1

使用#{variable}在元素的文本內打印變量。