[英]How to get conditional css to work on Blogger/Blogspot?
我正試圖讓條件CSS在Blogger / Blogspot中運行 - 可能會遺漏一些明顯的和基本的東西使它工作但我們走了。
我發現的一些教程已經提供了說明但是當我按照它們時它們不起作用(nb:它們在模板體中用於隱藏某些頁面上的某些小部件時工作得很好但是我無法讓它們工作到不同頁面上的不同元素風格不同)。
所以,作為一個例子,我希望有一個不同的日期背景顏色取決於你在這里的頁面。
日期標題樣式是:
.date-header span {
background-color: #FF8BBF;
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}
我希望日期的背景顏色在另一個頁面上有所不同,因此根據各種教程,我在模板關閉頭標記上方添加了以下代碼。
<b:if cond='data:blog.url == "http://mgmmediaadditionaldemoblog.blogspot.com.au/search/label/Test2"'>
<style>
.date-header span {
background-color: #FF937E;
}
</style>
</b:if>
但它並沒有改變指定頁面的顏色。 我嘗試了各種變化 - 將條件代碼放在b:skin或b:head-skin部分的頭部,但我無法使其工作 - 任何幫助都將非常感謝!
試試這段代碼:
<b:if cond='data:blog.searchLabel == "Test2"'> <style> .date-header span { background-color: #FF937E!important; } </style> </b:if>
Test2
是標簽,並且為了使瀏覽器加載background-color: #FF937E
而對你的顏色代碼添加!important
background-color: #FF937E
而不是background-color: #FF8BBF;
。
我等你的反饋:)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.