a {
font-size: 8pt;
text-align: left !important;
text-decoration: none;
}
.main {
text-align: center;
}
<div class="main">
<a href="#new_york_city">New York City</a><br />
<a href="#long_island">Long Island</a><br />
<a href="#upstate">Upstate New York</a><br />
</div>
这是我的部分代码,我使用 Firefox 5 浏览器,即使在 "text-align: left" 上使用了 !important,链接仍然居中。这让我感到困惑和烦恼,因为我认为 !important 是最高优先级并覆盖所有其他规则。
这里出了什么问题?