超链接无法去除下划线且无法修改文本颜色问题求助

问题原因 #

1. 重复ID冲突
   你给<a>标签和内部嵌套的<h2>标签都设置了相同的id homelink，HTML要求ID全局唯一，重复ID会导致CSS选择器匹配异常，对应样式无法正确生效。
2. CSS语法错误
   你写的表格相关CSS存在未闭合的问题：

/* 你现有代码 */
table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: #987b74;
  font-size: 200%;
/* 这里缺少闭合的 } */

table td{
  border-top: 1px solid #987b74;
  border-bottom: 1px solid #987b74;
  border-right: 1px solid #987b74;
  text-align: center;
/* 这里也缺少闭合的 } */

语法错误会导致后续定义的样式（比如你写的.video-trailer h2 a的样式）全部失效不加载。
3. 缺少锚点全状态样式定义
浏览器默认会给a标签的:link、:visited、:hover、:active四个状态设置默认样式，你只定义了基础状态的样式，可能被浏览器默认的访问后样式覆盖。
4. HTML结构不规范
你的HTML缺少<head>标签，<title>、<link>等元标签直接放在<html>下，且<div id="wrapper">未闭合，结构错误也可能引发样式渲染异常。

修复方案 #

• 删掉h2上的id="homelink"，保证ID唯一
• 补全table th、table td样式末尾的闭合花括号}
• 补充锚点全状态样式，必要时可以用!important强制覆盖默认样式，示例：

/* 特定区域的a标签单独指定即可，不需要全局修改 */
.video-trailer h2 a,
.video-trailer h2 a:link,
.video-trailer h2 a:visited,
.video-trailer h2 a:hover,
.video-trailer h2 a:active {
    text-decoration: none;
    color: #987b74;
}

• 规范HTML结构，补充<head>标签包裹所有元内容，补全<div id="wrapper">的闭合标签。

内容的提问来源于stack exchange，提问作者CricketsAndCrazy