Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在标记云中构建彩色标记?_Css_Tags - Fatal编程技术网

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才能使其完美。谢谢!!你真棒!