2017-01-05 107 views
-1

我在我的css中有一般的超鏈接樣式,並試圖創建一個新的類來修改字體大小。這不起作用,我無法弄清楚我做錯了什麼。css中的超鏈接樣式不工作

a:hover, 
 
a:link, 
 
a:visited, 
 
a:active { 
 
    font-size: 16px; 
 
    color: black; 
 
    font-family: 'Open Sans'; 
 
    text-decoration: underline; 
 
} 
 
a.audio, 
 
a.audio:hover, 
 
a.audio:link, 
 
a.audio:visited, 
 
a.audio:active { 
 
    font-size: 14px !important; 
 
    color: black; 
 
    font-family: 'Open Sans'; 
 
    text-decoration: underline; 
 
}
Audio by <a class='audio' href=linkaddress target=_blank>name</a>

+0

但是...你提供的代碼片段似乎適用於樣式很好嗎?無論如何,在這種情況下''重要的'不應該是必要的。 – Serlite

+0

什麼不起作用?我可以看到更新的字體? – Rohit

+1

描述「它不工作」 –

回答

1

由於您的堆棧片段的作品,我無法查出究竟爲什麼你的超鏈接樣式不工作,但我認爲正在發生的是什麼可能是採取優勢在你在做什麼聲明。我認爲你應該嘗試幾件事情:

1)在瀏覽器中打開你的開發者工具。如果您在元素選項卡上,則可以選擇您的班級並查看正在對其應用什麼樣式。下面是我的一個例子:

(what my audio class looks like)

正如你所看到的字體大小我正在爲音頻類是14px的。但是,我爲所有鏈接聲明的字體大小已被刪除。它不適用,因爲音頻類的樣式更具體。

如果您打開開發人員工具,它可以讓您更深入地瞭解爲什麼您的樣式未被應用。也許有什麼東西壓倒你的造型。

2)試着將樣式放到CSS文件的末尾,並確保如果您有其他樣式表,它是最後提到的樣式表。由於CSS是級聯的,因此最後聲明的事物佔據更多的支配地位。

希望這有助於! @_kcodes

+0

謝謝!目前還不清楚爲什麼它沒有采用類的樣式,但我做了一個功能正常的解決方法。我感謝您的幫助! –