nie działający underline

0

nie działa mi underline, robię w scss, ale widzę, że po zapisaniu css również się zmienia, nie wiem co mam jeszcze podać, dopóki nie zrobiłem 2 ostatnich linii stylów w scss wszystko się zmieniało
tu rzucam sam navbar

    <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="container-fluid">
                  <a class="navbar-brand" href="#">Navbar</a>
                  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                      <li class="nav-item">
                        <a class="nav-link active help" aria-current="page" href="#">W czym mogę Ci pomóc?</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">Features</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">Pricing</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">Disabled</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </nav>

a tu main.scss

#home {

    width: 1440px;

    height: 3311px;

    padding: 51px 0 0;

    background-color: #ffffff;

  }

.help {
    width: 198px;
    height: 19px;
    margin: 8px 50px 7px 0;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #53596c;
    text-decoration: underline;
    border-bottom-color: blue;
  }
3

Prawdopodobnie coś (np. inna klasa) już nadpisuje to Twoje text-decoration - poczytaj o css specificity i sprawdź co się tam dzieje poprzez kliknięcie prawym przyciskiem myszy na elemencie w przeglądarce i wybranie Zbadaj.

0

Albo można skorzystać z !important; - https://css-tricks.com/when-u[...]mportant-is-the-right-choice/ i sprawdź, czy wtedy będzie się wyswietlać tak, jak oczekujesz. Jeśli tak, to znaczy, że @Patryk27 miał rację i coś ten styl nadpisuje.

0

@cerrato: próbowałem tak i nie działa, zrobiłem tak jak w 1 odpowiedzi, zmieniłem kolejność dodanych plików i poszło

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0