動態應用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/