动态应用CSS3属性

Question

我有一个循环的正常工作：

<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

铬告诉我，bold italic是font一个无效的属性值。请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/font。

我建议你使用

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

http://jsfiddle.net/58ms70a6/