text-decoration:锚标签上的none无法正常工作

时间:2017-02-17 08:06:18

标签: html css

我尝试了几乎所有的东西,当它删除'强调'事情。但我无法删除它。我想从锚标记中删除该下划线。我正在提供我的HTML和CSS代码。

HTML:

<html>
    <head>
    <meta>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/style.css">
        <link href="https://fonts.googleapis.com/css?family=Caveat+Brush|Permanent+Marker" rel="stylesheet">
    </head>
    <body>

        <nav>
            <h1>ABC<br> DEF</h1>
        <ul>
            <li><a href="#facilities">One</a></li>
            <li a href="#location"><a>Two</a></li>
        </ul>
        </nav>
        <!--Photo comes here-->



        <!--Can Contact me goes here-->


</body>
</html>

CSS:

/*Custom CSS starts from here*/


body {
    font-family: 'Caveat Brush';
}

h1 {
    font-size: 72px;
}

ul {
    list-style-type: none;
    font-size: 32px;
    margin: 0px;
    padding: 0px;
}

a {
    display: block;
    width: 120px;
    text-decoration: none;
    text-transform: uppercase;
}

1 个答案:

答案 0 :(得分:1)

您只需使用text-decoration: none即可。可能需要使用!important以更多优先级覆盖它。

li a {
    text-decoration: none !important;
}

我无法使用您提供的代码重现您所面临的问题。

以下是供您参考的小提琴:https://jsfiddle.net/oqoajzbp/