CSS 文本顏色不變

Question

我一直在嘗試更改文本的顏色（正常和懸停），但似乎沒有任何效果。 嘗試過。重要但仍未顯示。 已嘗試查看其他答案，但沒有奏效。 CSS & HTML Div 代碼（我嘗試刪除文本裝飾無）

 #five { position: fixed; top: 10px; right: 100px; font-family: monospace; font-weight: bold; font-size: 16px; color: red;: } #five:hover { color; black: text-shadow; 5px 5px 5px red; }

 <p id="five"> <a href="UNKNOWN" target="_target" style="text-decoration: none;"> TEST5 </a> </p>

Answer 1

我找到了解決辦法！

您需要設置a標簽的樣式，而不是父標簽（在這種情況下）

#five a {
  text-decoration: none;
  color: red;
}

#five:hover a {
  color: black;
}

發生這種情況是因為<a>標記的行為是這樣的（在大多數情況下這是一個好處，但在您的情況下，您必須直接在a選擇器中手動更改顏色）

這里的代碼：

 #five { position: fixed; top: 10px; right: 100px; font-family: monospace; font-weight: bold; font-size: 16px; } #five:hover { text-shadow: 5px 5px 5px red; } /* this what I added */ #five a { text-decoration: none; color: red; } #five:hover a { color: black; }

 <p id="five"> <a href="#" target="_target">TEST</a> </p>

Answer 2

嗨，這是因為您需要為 a 標簽着色，以便您可以將 class 或 id 添加到 a 標簽，然后更改它。

將 css 更改為：

.five {
  position: fixed;
  top: 10px;
  right: 100px;
  font-family: monospace;
  font-weight: bold;
  font-size: 16px;
  color: red!;
}

.five:hover {
  color: black;
  text-shadow: 5px 5px 5px red;
}

並將 html 更改為：

<p id="five"><a class="five" href="UNKNOWN" target="_target" style="text-decoration: none;">TEST5</a></p>