Jquery 动态应用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>

---

Chrome告诉我，

bold italic

是

font

的无效属性值。看

我建议你用

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

---

这一定是我本月看到的最糟糕的代码了…@Shomz那么你可以给我一个更好的版本。给你，它现在可读性更强，没有错误。

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