Html CSS中的选择器正在影响其他元素

这是我应该重新格式化链接的代码：

a {
color: #120000;
text-decoration: underline;
}

这是我的HTML代码：

<div id="intro" class="grid_9">
     <h1>This site just might change your life</h1>
     <p><a href="#" class=button>Browse Our Features</a></p>
</div>

这个网站可能会改变你的生活

---

问题是头（但只有这一个）受到的影响与链接相同。如何修复此问题？

只需在

中添加一个类即可

此外，如果头被包装在
标记中，则头将仅跟随
的CSS。如果这是真的，给设置的类加上标签。
你忘记了class=button中的引号没有足够的信息。一切看起来都很好，你确定
a
正在影响
h1
而不是相反，或者这两个元素可能都是从
.grid\u 9
或
\intro
的ccs风格继承的吗？我支持@fnostro所说的。你还有别的事。看这里：一切似乎都在运转fine@Krimson真奇怪。我的网格设置没有任何可能影响它的问题。我确实更改了引号，以便语法正确。我正在使用一个可下载的css文件normalize.css，它可能会改变它，但我一直无法找到该文件中的哪些地方会以这种方式影响它。我刚刚开始学习这些东西，那么除了类和ID之外，还有没有一种方法可以将我可能无意中完成的元素组合在一起呢？编辑：我实际上忘记了关闭这段代码上面的link标记，将“”替换为“”这是问题所在。谢谢
a:not(.button) {
    color: #120000;
    text-decoration: underline;
}