悬停时如何删除下划线链接

Question

当我悬停一个链接时，它是带有下划线和文本修饰的：无；我认为由于Bootstrap而无法正常工作

我尝试使用！important和：hover，但是它不起作用

header .container #porfolio div a {
  text-decoration: none;
}

<header>

  <div class="container">
    <span id="portfolio">
                <div>
                    <a href="/">PORTFOLIO</a>
                </div>
                <div>
                    <a href="/">Maskim</a>
                </div>
            </span>
  </div>

</header>

Answer 1

您需要定位悬停状态。

header .container #porfolio div a:hover {

Answer 2

在浏览器中，右键单击链接，然后使用devtools进行检查。在那里，您可以了解如何选择元素，然后调整CSS。