2016-11-15 46 views
0

說我有一個玉模板,如:如何使用玉(哈巴狗)的‘if語句’一個CSS塊中?

style. 
    .someclass1{ 
    font-size:10px; 
    } 
    .someclass2{ 
    font-size:10px; 
    } 
    .someclass3{ 
    font-size:10px; 
    } 
    .someclass4{ 
    font-size:10px; 
    } 
    .someclass5{ 
    font-size:10px; 
    } 

而且我要渲染玉模板時,使.someclass3從不同的選擇不同的結果。

喜歡的東西:

style. 
    .someclass1{ 
    font-size:10px; 
    } 
    .someclass2{ 
    font-size:10px; 
    } 
    if(options.key1=='a') 
    .someclass3{ 
     font-size:10px; 
    } 
    else 
    .someclass3{ 
     font-size:8px; 
    } 
    .someclass4{ 
    font-size:10px; 
    } 
    .someclass5{ 
    font-size:10px; 
    } 

它不工作。

我的風格標籤分成兩個,做這樣的事情:

style. 
    .someclass1{ 
    font-size:10px; 
    } 
    .someclass2{ 
    font-size:10px; 
    } 
if(options.key1=='a') 
    style. 
    .someclass3{ 
     font-size:10px; 
    } 
else 
    style. 
    .someclass3{ 
     font-size:8px; 
    } 
style. 
    .someclass4{ 
    font-size:10px; 
    } 
    .someclass5{ 
    font-size:10px; 
    } 

這將導致3風格的標記HTML,這實際上只需要一個。

任何人有好辦法做到這一點?

回答

2

你可以做到這一點。而是把.立即style標籤後(它告訴帕格整個塊是純文本),可以明文的每個塊之前把.。例如。

style 
    . 
    .someclass1{ 
     font-size:10px; 
    } 
    .someclass2{ 
     font-size:10px; 
    } 
    if options.key1=='a' 
    . 
     .someclass3{ 
     font-size:10px; 
     } 
    else 
    . 
     .someclass3{ 
     font-size:8px; 
     } 
    . 
    .someclass4{ 
     font-size:10px; 
    } 
    .someclass5{ 
     font-size:10px; 
    } 
+0

真棒,謝謝!那是爲玉器工作還是隻爲了哈巴狗? –

+0

不確定,但我強烈建議你升級到帕格。 – ForbesLindesay

+0

任何「必須」升級到帕格的原因?只是想知道... –