在标志图标(链接)之间下划线

Question

我遇到的问题是在标志图标之间出现下划线。这些图标实际上是链接，因此用户可以更改他们的语言。

在这里你可以看到我的意思：屏幕截图

代码：

<div id="header">
<div id="languages">
    <a href="<?php echo ($_SERVER['PHP_SELF']); ?>?lang=gb<?php if (isset($_GET['id'])) {echo '&id=' . $_GET['id'];}?>">
        <img <?php if ($lang['PAGE_TITLE_HOME'] != 'Home Page') echo 'id="flags"'; ?> src="images/languages/gb.png" />
    </a>
    <a href="<?php echo ($_SERVER['PHP_SELF']); ?>?lang=ru<?php if (isset($_GET['id'])) {echo '&id=' . $_GET['id'];}?>">
        <img <?php if ($lang['PAGE_TITLE_HOME'] != 'Главная') echo 'id="flags"'; ?> src="images/languages/ru.png" />
    </a>
    <a href="<?php echo ($_SERVER['PHP_SELF']); ?>?lang=gr<?php if (isset($_GET['id'])) {echo '&id=' . $_GET['id'];}?>">
        <img <?php if ($lang['PAGE_TITLE_HOME'] != 'Αρχική') echo 'id="flags"'; ?> src="images/languages/gr.png" />
    </a>
    <a href="<?php echo ($_SERVER['PHP_SELF']); ?>?lang=sa<?php if (isset($_GET['id'])) {echo '&id=' . $_GET['id'];}?>">
        <img <?php if ($lang['PAGE_TITLE_HOME'] != 'الصفحة الرئيسية') echo 'id="flags"'; ?> src="images/languages/sa.png" />
    </a>
</div>

Answer 1

发表在评论中，但为了完整性，将添加一个答案。

您看到的不是下划线，而是a标记中文本上的下划线（因此在img标记的开始和结束之间可能有空白）。

要将其从链接中删除：

#languages a { text-decoration: none; }

在选择器中添加#languages而不仅仅是a的原因是因为OP不想影响页面上的所有锚标记。

要删除悬停时的text-decoration，选择器为：

#languages a:hover { text-decoration: none; }

这些可以合并为一个CSS规则，如下所示：

#languages a, #languages a:hover { text-decoration: none; }