根据数据值跨越背景[重复]

Question

我有一个跨度类cor（颜色）：

<span class="cor" data-c="red">red</span>
<span class="cor" data-c="green">green</span>
<span class="cor" data-c="blue">blue</span>

和cor风格：

.cor{
 padding:5px;
 margin:5px;
}

我想要的是 .cor background-color 成为 data-c 元素值的颜色。我可以根据 data-c 值设置 .cor 背景的样式吗？

编辑-------

它不工作：

 background-color: attr(data-c);

Answer 1

您可以使用 JQuery

做到这一点

$('.cor').each(function() {
  var color = $(this).data('c');
  $(this).css('background-color', color);
});

.cor{
   padding:5px;
   margin:5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="cor" data-c="red">red</span>
<span class="cor" data-c="green">green</span>
<span class="cor" data-c="blue">blue</span>