jquery - 动态应用 CSS3 属性

Question

我有一个工作正常的 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;
}

Answer 1

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

我建议你使用

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

http://jsfiddle.net/58ms70a6/