我正在创建具有360种颜色的色轮。我的标记要点如下所示:
HTML:
<table class="table1">
<td class="medium-grey"></td>
<td class="charcoal"></td>
<td class="black"></td>
...
CSS:
.medium-grey { background-color: #76878e; }
.charcoal { background-color: #534259; }
.black { background-color: #060807; }
我通过CSS为每个添加背景色td
。我有很多颜色可以手动添加到每个表中,并且觉得很麻烦。我很好奇是否有一种方法可以遍历颜色组以td
使用javascript或sass mixins追加到类中。
var css_classes =['medium-grey' , 'charcoal', 'black'];
var idx = 0
$( "table.table1 td" ).each(function( index ) {
$(this).addClass(css_classes[idx]);
if (idx < css_classes.length-1){
idx+=1;
}else{
idx = 0;
}
});
给定css类,迭代td,然后按顺序分配css类。
参考:jsfiddle
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句