nav bar [html code]

<div class="navigation">
          <a href="#">Home</a>
          <a href="#">Services</a>
          <a href="#">Gallery</a>
          <a href="#">Contact</a>
          <a href="#">About</a>
          <div>
            <a
              href="#"
              class="py-2 px-6 rounded-full bg-slate-900 hover:bg-orange-700 text-white"
              >Call US</a
            >
          </div>
        </div>

[组件]

.navigation {
  @apply hidden md:flex space-x-6;
}

.navigation a {
  @apply text-slate-900 hover:text-orange-700;
}

当我在代码中更改任何内容时，单词（call us）就会出现，并且样式变成the styling