我对编程非常陌生，尤其是 html/css。欢迎任何提示。
我正在尝试向网站每个页面的标题添加超链接。
我面临的问题是，当我使用 将标题转换为超链接时，我不再能够设置标题的样式。有趣的是，字体样式和大小保持不变，但它带有下划线，并且在之前单击时变成紫色。
我尝试使用 div class ="header" 而不是仅仅使用然后样式化类标题，但似乎仍然不起作用。尝试添加重要！文本装饰后=无：
我确信我只是错过了一些非常基本的东西，但我不太明白。\
非常感谢任何帮助！
CSS代码
{
margin: 0;
padding: 0;
}
.header a {
text-decoration: none important!;
}
h1 {
text-decoration: none;
text-align: center;
font-size: 600% ;
font-style: itaic;
background: #33ACFF ;
min-width: 100%;
margin: 0%;
padding: 0%;
color: black;
}
/* top nav bar style and location */
.navbar ul {
list-style-type: none;
padding: 0%;
margin: 0%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 3px solid black;
}
/* top nav bar options styli */
.navbar a {
color: black;
text-decoration: none;
padding: 10px;
font-family: sans-serif;
text-transform: uppercase;
}
.navbar a:hover,
.navbar .active {
background-color: black;
color: white;
}
.navbar li {
display: inline;
}
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<script src="website.js" defer></script>
<title> Why So Serious </title>
</head>
<body>
<div class="header">
<h1><span> <a href= "index.html" >Why So Serious</a></span></h1>
</div>
<nav class="navbar">
<ul>
<li><a href="goodnews.html" id="goodnews" class="nav-link">Goodnews</a></li>
<li><a href="sport.html" id="sport" class="nav-link">Sport</a></li>
<li><a href="style.html" id="style" class="nav-link">Style</a></li>
<li><a href="forum.html" id="forum" class="nav-link">Forum</a></li>
</ul>
</nav>
</body>
</html>
{
margin: 0;
padding: 0;
}
.header a { 文本装饰：不重要！； } h1 { 文本装饰：无； 文本对齐：居中； 字体大小：600%； 字体样式：斜体； 背景：#33ACFF； 最小宽度：100%； 保证金：0%； 填充：0%； 颜色：黑色；
}
/* 顶部导航栏样式和位置 */ .navbar ul { 列表样式类型：无； 填充：0%； 保证金：0%； 文本对齐：居中； 顶部填充：10px； 底部填充：10px； 底部边框：3px 纯黑色； }
/* 顶部导航栏选项手写笔 */ .navbar { 颜色：黑色; 文本装饰：无； 内边距：10px； 字体系列：无衬线字体； 文本转换：大写；
}
.navbar a：悬停， .navbar .active { 背景颜色：黑色； 白颜色; }
.navbar李{ 显示方式：内嵌； }
h1{ 背景：透明； 字体大小：15px； 边框底部：0； }
h1a{ 文本装饰：无； }