在Jade模板中编写内联CSS样式时，如何使用javascriptvariables

我试图dynamic插入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}在元素的文本中打印一个variables。