Question

我在我的jumbotron中添加了一些标题和文字，每当我将鼠标放在jumbotron上时，文字强调它是一个链接（它不是）。这是我的HTML：

<div class ="jumbotron">

    <div class = "container">
        <center><img src = "img/VVlogoFull.png" width = 60%>
            <h2>Welcome - Bienvenidos</h2>
        <p>an online repository of archaeological ceramics</p>
        <p>un repositorio en línea de cerámicas arqueológicas</p>
        <a href = "data.html" class="btn btn-accent">Database</a>
        <a href = "datos.html" class="btn btn-accent">Base de datos</a></center>
    </div>

</div>

我使用标准的Bootstrap css。

您能否建议我可以添加到style.css文件中的html更改或更改，以便在悬停在jumbotron上时此文本不会加下划线？我已经尝试将其添加到我的样式表中：

.jumbotron h2{
    text-decoration: none;
}

这是在html中

<h2 style = "text-decoration : none">

一切都无济于事。其他建议？

Answer 1

所以，我不知道为什么，因为我当然没有这样输入，但当我在chrome中使用检查器时，它显示我的代码为：

<a> <center><img src = "img/VVlogoFull.png" width = 60%>
    <h2>Welcome - Bienvenidos</h2>
<p>an online repository of archaeological ceramics</p>
<p>un repositorio en línea de cerámicas arqueológicas</p></a>

我通过将文本编辑器中的代码更改为：

来修复它

<a style = "text-decoration: none"> <center><img src = "img/VVlogoFull.png" width = 60%>
        <h2>Welcome - Bienvenidos</h2>
    <p>an online repository of archaeological ceramics</p>
    <p>un repositorio en línea de cerámicas arqueológicas</p></a>

幽灵代码？

在Bootstrap中删除Jumbotron文本下划线

1 个答案: