設置CSS元素

時指父我有這個CSS頁面之間共享，我只想做一些填充改變其中的一個頁面上的其餘部分將仍然是相同的。設置CSS元素

我能做到這一點，通過創建我使用的頁面一類特殊的，但我要問，如果有通過在頁面頂部父增加的情況來處理它一個整潔的方式？

需要改變：如果在頁面頂部父母有一定的ID /類名..做填充頂：60像素，而不是30像素,,否則保持30PX

#box-list { 
    padding-top: 10px; 

    @media (min-width: @screen-md-min) { 
    padding-top: 30px; 
    } 
}

來源

2016-03-04 sisimh

如果我是正確的，這將工作。

唯一的條件是，有的#box-list一個id #your-special-page母體。

#box-list { 
    padding-top: 10px; 

    @media (min-width: @screen-md-min) { 
    padding-top: 30px; 

    #your-special-page & { 
     padding-top:60px; 
    } 
    }  
}

來源

2016-03-04 07:53:42 NiZa

他好像是用較少，但這種解決方案只是正常少爲好。只是確認。 –

你說得對。感謝您的確認。 – NiZa

嘗試這樣的：

if (".top parent").hasClass("some_class"){ 

    $("#box-list").css("padding-top", "60px"); 

}else{ 
    $("#box-list").css("padding-top", "30px"); 
}

來源

2016-03-04 07:59:40 Sumanta736

如果我理解正確你想生成一些CSS是這樣的：

#box-list { 
    padding-top: 10px; 
} 
.special-template #box-list { 
    padding-top: 60px; 
}

在小於或無禮的話你可以寫這樣的事情：

#box-list { 
    padding-top: 10px; 

    .special-template & { 
     padding-top: 60px; 
    } 
}

請記住，&唱歌之前引用整個選擇器。所以如果你有額外的水平，你可能會在開始時得到一些有線的結果。

來源

2016-03-04 08:01:45 p2media

設置CSS元素

回答

相關問題