Встроенный CSS не работает с использованием нефрита

Question

Я пытаюсь оптимизировать CSS доставки, как рекомендовано в этой Google странице:

https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Однако, я не могу даже воссоздать их основной пример в Джейд. Следующий код не работает:

html 
    head 
    title= title 
    meta(name='viewport' content='width=device-width, initial-scale=1.0') 
    style(type='text/css') 
     .blue{color:blue}; 
    body 
    nav(class='navbar navbar-default navbar-fixed-top') 
    p(class='blue') test 

р тег не подбирая стиль я назначенную .blue в теге стиле. Возможно ли использование этого типа встроенного CSS с Jade?

Answer 1

Вы пробовали использовать! Important?

html 
    head 
    title= title 
    meta(name='viewport' content='width=device-width, initial-scale=1.0') 
    style(type='text/css') 
     .blue{color:blue !important}; 
body 
    nav(class='navbar navbar-default navbar-fixed-top') 
    p(class='blue') test 

Answer 2

Вы не можете отступать от укладки. Это работает:

html 
    head 
    title= title 
    meta(name='viewport' content='width=device-width, initial-scale=1.0') 
    style(type='text/css').blue{color:blue}; 
body 
    nav(class='navbar navbar-default navbar-fixed-top') 
    p(class='blue') test