Question

我的代码中有3个链接但可能只有两个正在工作，为什么？

<div id="welcome-text-2" class="welcome-text">
    <p>
        <b>boldtext</b><br>
        text <a href="#">link</a>.<br>
        Text<a href="#">här</a>.<br>
        Text<a href="#">Link</a>.<br>
    </p>
</div>

CSS：

.welcome-text {
    height: 240px;
    width: 360px;
    background-color: #FFF;
    margin-left: 40px;
    position: absolute;
    -webkit-box-shadow: 0px 8px 6px -5px black;
}

#welcome-text-2 {
    margin-top: 400px;
}

    #welcome-text-2 b {
        position: absolute;
        margin-left: 10px;
        margin-top: -10px;
    }

    #welcome-text-2 p {
        position: absolute;
        margin-top: 10px;
        margin-left: 7px;
    }

.welcome-text a {
    text-decoration: none;
    font-weight: bold;
    color: #444;
}

    .welcome-text a:hover {
        text-decoration: underline;
        font-weight: normal;
    }

最后两个链接在以下情况下工作：hover'd。但第一个没有。我还试图在第一行添加一个链接，但它没有出现。

Answer 1

我假设你开始学习HTML / CSS。

上面的标记工作正确。你清除了浏览器缓存了吗？可以缓存旧样式/标记。

http://www.wikihow.com/Clear-Your-Browser's-Cache

Answer 2

提供的代码确实有效。

添加@ilovemondays所说的内容，如果您的样式表是外部的，请确保您的链接已更新。

HTML / CSS链接可能无法正常工作

2 个答案: