顏色和文字修飾在外部CSS表格中不起作用。

我已經嘗試了許多類似問題的其他解決方案，但都沒有成功。我有一個鏈接; <a href="home.html"> Home </a> 這是一個<div>。我正在使用外部CSS樣式表。顏色和文字修飾在外部CSS表格中不起作用。

a:link { 
    color: black; 
    text-decoration: none; 
    font-family: sans-serif; 
}

font-family正在工作，但顏色和文字修飾都沒有。我也遇到類似的問題：訪問以及。我曾嘗試爲此鏈接創建特定的類，但這沒有任何效果。我也嘗試在我的樣式表中使用'div a：link'，這也沒有效果。我不願意使用<a href="home.html" style="the style I want">，因爲有相當多的鏈接需要使用相同的風格。

來源

2017-05-01 AmberL0uise

您是否檢查了元素以查看所有樣式來自哪裏？ – Slime

我們可以在某處看到它嗎？ – Christien

你爲什麼使用'：link' psuedo選擇器？請記住，這隻會選擇尚未訪問的標籤。如果您訪問了所鏈接的任何頁面，則樣式將不再顯示 – sn3ll

試試這個：

div a { 
    color: black; 
    text-decoration: none; 
    font-family: sans-serif; 
}

或...給股利一類的名稱，如：

.nav a { 
     color: black; 
     text-decoration: none; 
     font-family: sans-serif; 
    } 

<div class="nav"> 
<a href="home.html"> Home </a> 
</div>

來源

2017-05-01 14:38:35 Christien

我已經在發佈我的問題之前嘗試了此操作。 – AmberL0uise

@ AmberL0uise該解決方案應該可以工作。我注意到使用外部樣式表的一件事是，有時瀏覽器在從新修改的樣式表讀取數據之前需要清除緩存的圖像和文件。試試這個，然後重新加載你的頁面。 – Termonator145

你可以在小提琴上添加顯示你的代碼嗎？ – Christien

似乎有些其他的CSS已經存在在你的頁面，它是得到繼承。試試這個，

div a { 
    color: black !important; 
    text-decoration: none !important; 
    font-family: sans-serif !important; 
}

來源

2017-05-01 15:02:09 Matt

顏色和文字修飾在外部CSS表格中不起作用。

回答

相關問題