為什么font-weight在某些元素上不起作用，還有其他問題

Question

有問題的頁面： t.whstonecabinet.com

有問題的元素是模塊標題“ Counter Top”（在幻燈片顯示圖像下），我希望此標題更粗。 從開發人員工具中，我可以看到font-weight樣式受代號h1,h2,h3,h4,h5,h6{font-weight:normal} ，因此我嘗試將font-weight:bold添加到元素中。樣式。 但是標題似乎沒有任何變化。

我也用javascript檢查它：

$('h2.title>div')[0].style.fontWeight

返回'' ，所以我這樣做

$('h2.title>div')[0].style.fontWeight='bold'

事實證明，這等效於將樣式直接寫入element.style。 所以我被困在這里，為什么font-weight：bold不會影響此元素？

此外，當我使用javascript檢查此元素的fontWeight屬性時，它返回一個空字符串。 據我了解，該樣式未明確設置，但是即使未設置樣式，如何使用javascript獲取元素的計算樣式？

Answer 1

我剛剛發現為什么font-weight:bold無法正常工作。 Font-weight：bold僅對某些特定字體有效，在這種情況下，字體為“ walkway”，我認為它沒有粗體。

我第二個問題仍然需要答案。

Answer 2

font-family: 'Walkway', Verdana, Helvetica, Arial, sans-serif; 不支持font-weight ，對於計算樣式，您可以在這里使用 ，是的，它在IE9以上可以正常使用

var computedStyle = getComputedStyle(document.body, null)
alert(computedStyle.<the property>)

Answer 3

回答第二個問題... object.style包含直接應用於元素的樣式。 使用選擇器（例如tagName，className或id）應用的CSS樣式不會顯示在object.style 。

這是您要查找的本機JavaScript：

getComputedStyle(element).propertyName

另外，還有jQuery的.css（）方法 。

$(selector).css(propertyName);

Answer 4

使用window.getComputedStyle解決了我的第二個問題。