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

Question

在 plone 上工作，我只是在积累经验。在我的 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 属性具有更具体的“路径”。