动态应用CSS3属性

时间:2014-09-30 01:09:13

标签: jquery html5 css3

我有一个for循环工作正常:

<div id="page1div"></div>
<script>

list = " ";

for (var i = 0 ; i < length ; i++)
{
    list = "<h1 class='entriesdisplayed'>" + 
               item(i) + 
               "<span class='bolditalic'> x " + 
                   description(i) + 
               " </span>" +
           "</h1>" +
           list;
}

$("#page1div").html(list);

</script>

以上确实非常准确地显示了数组的元素,但我只想让description(i)以粗体和斜体显示。如您所见,description(i)包含在span class="bolditalic"中。

在我的CSS3文件中,我有这个:

.bolditalic
{
    font: bold italic;
}

1 个答案:

答案 0 :(得分:2)

Chrome告诉我bold italicfont的无效属性值。请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/font

我建议你使用

.bolditalic
{
    font-weight: bold;
    font-style: italic;
}

http://jsfiddle.net/58ms70a6/