css - 使用 span 值作为 CSS 的颜色

Question

我得到了 HTML:

<span class="poster_id">
xxxxxx
</span>

是否可以仅通过 CSS 使用实际文本值更改文本颜色？喜欢:

span.poster_id {
color: #xxxxxx;
}

Answer 1

是的，你可以，使用 jQuery:

var color = $(".poster_id").text();

$(".poster_id").css('color', color);

如果您想动态执行此操作，您可以这样做:

$(document).keyup(function(){
    var color = $(".poster_id").text();

    $(".poster_id").css('color', color);
});

并给.poster_id一个属性contentEditable。 Fiddle