How to remove underline link when hover

Question

When I hover a link it's underline and text-decoration: none; doesn't work because of Bootstrap I think

I tried to use !important and :hover but it doesn't work

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>

typo issue `#porfolio` --> `#portfolio` .. and you should not use div inside span — Temani Afif, Jun 14 '19 at 22:38

score -1 · Answer 1 · answered Jun 14 '19 at 22:30

-1

You need to target the hover state.

header .container #porfolio div a:hover {

answered Jun 14 '19 at 22:30

Mitya

33,629
9
60
107

I tried it but it doesn't work – Maskim Jun 14 '19 at 22:31

Hackman · Answer 2 · 2019-06-14T22:34:33.993

-1

In your browser, right click on the link and inspect it with devtools. There you can see how to select the element and then adjust your css.

edited Jun 14 '19 at 22:34

answered Jun 14 '19 at 22:32

Hackman

1,614
1
12
15

It doesn't work – Maskim Jun 14 '19 at 22:34
I saw your comment on the previous answer so I changed my answer to point you in the right direction. – Hackman Jun 14 '19 at 22:36

How to remove underline link when hover

2 Answers2