Css 在标记云中构建彩色标记?
例如,我有一个这样的标记云Css 在标记云中构建彩色标记?,css,tags,Css,Tags,例如,我有一个这样的标记云 <div class="tagcloud"> <a href="#" class="tag-link-79">tag1</a> <a href="#" class="tag-link-78">tag2</a> <a href="#" class="tag-link-35">tag3</a> <a href="#" class="tag-link-32">tag4&l
<div class="tagcloud">
<a href="#" class="tag-link-79">tag1</a>
<a href="#" class="tag-link-78">tag2</a>
<a href="#" class="tag-link-35">tag3</a>
<a href="#" class="tag-link-32">tag4</a>
<a href="#" class="tag-link-29">tag5</a>
<a href="#" class="tag-link-30">tag6</a>
<a href="#" class="tag-link-34">tag7</a>
<a href="#" class="tag-link-31">tag8</a>
<a href="#" class="tag-link-33">tag9</a>
</div>
它们中的每一个都具有不同的/随机类,并以随机颜色(其背景)显示,但默认情况下选择了所有颜色
是的,我知道使用纯css是不可能的,有任何解决方案吗?背景的随机颜色:
var tags = [].slice.call(document.querySelector('.tagcloud')
.getElementsByTagName('a'));
tags.forEach(function(el) {
el.style.backgroundColor = randomColor();
});
function randomColor() {
return '#' + (0x1000000 + (Math.random()) * 0xffffff).toString(16).substr(1, 6);
}
JSFIDLE示例:
尝试将其与jquery混合使用,因为您知道在纯CSI中这是不可能的。我想您需要一些JavaScript才能使其完美。谢谢!!你真棒!