Blogger - 爲每個標籤指定不同的顏色

我試圖讓Blogger中的每個不同標籤都具有不同的顏色，例如每個愛好標籤都是紅色的，每個電影標籤都是藍色的，但它似乎改變了每一個標籤的顏色都變成紅色。Blogger - 爲每個標籤指定不同的顏色

這是當前的代碼，我有：

<b:loop values='data:post.labels' var='label'> 
    <b:if cond='data:label.name == &quot;hobbies&quot;'> 
    <style> .post-labels a { color: red; } </style> 
    </b:if> 
</b:loop>

來源

2015-10-19 akcan

簡單的方法是通過添加class到每個標籤，例如添加類.Movies標記電影和類命名.Hobbies標記嗜好。這樣你就可以從css設計每個標籤而不是爲每個標籤添加代碼。

在這種情況下，您所要做的就是將expr:class='data:label.name'添加到<a>標記，這會將每個標籤添加到與標籤本身具有相同名稱的類。

<b:loop values='data:post.labels' var='label'> 
    <a expr:href='data:label.url' rel='tag' expr:class='data:label.name'><data:label.name/></a> 
</b:loop>

來源

2015-10-20 00:50:13 Harsimran

保持默認的CSS和標籤的HTML代碼不變，而不是改變它，每個標籤做到這一點：

a[href^="http://www.YOURSITE.com/search/label/CINEMA"] { 
color: #colorcode !important; 
background: #colorcode !important; 
}

你可以看到我已經添加了整個標籤路徑影院。同樣，採取所有標籤的完整路徑併爲每個標籤添加不同的顏色規則。

例如，假設一個標籤名稱爲'電視'。

您可以添加更多的規則是這樣的：

a[href^="http://www.YOURSITE.com/search/label/TELEVISION"] { 
color: #colorcode !important; 
background: #colorcode !important; 
}

顏色和背景可以是你的選擇。確保你保持！重要指示不變。

來源

2016-06-07 17:14:32

Blogger - 爲每個標籤指定不同的顏色

回答

相關問題