css - 删除 portlet 中带下划线的超链接

Question

在克隆上工作，我刚刚获得了经验。在我的 portlet 中，我目前正在编辑一个静态文本 portlet，使其看起来像一个 RSS 提要（因此我可以对我的新闻项目进行一些自定义）。我已经让格式完美地工作了——除了从超链接中删除下划线。我已经尝试使用来自所有不同论坛的 CSS 和 HTML 格式的方法......它不起作用。有谁能帮忙吗？

Answer 1

使用 FireFox + FireBug 查找在 portlet 超链接上使用的 css 属性。可能您编写的属性过于笼统，而使用了更具体的属性。看一看：

....
<style>
    .portlet a {text-decoration: underline;}
    a {text-decoration: none;}
</style>
<div class="portlet">
    <a href="#">1</a>
</div>
....

超链接将带有下划线，因为第一个 css 属性具有更具体的“路径”。