<section id="title">
    <div class="container-fluid">

      <!-- Nav Bar -->

      <nav id="navbar" class="navbar navbar-expand-lg navbar-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="#">tindog</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02"
            aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav ms-auto">
              <li class="nav-item">
                <a class="nav-link" href="#footer">Contact</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#pricing">Pricing</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#cta">Download</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
</section>

<styles.css>

/* Containers */

.container-fluid {
    padding: 7% 15%;
}

/* Navigation Bar */

#navbar .container-fluid {
    padding: 0 0 4.5rem;
}

/* Title Section */

#title .container-fluid {
    padding: 3% 15% 7%;
}

我想保持.container-fluid {填充：7% 15%}，因为它适用于网站的所有其他部分。
只有导航栏，我想使不同的填充到该容器，我已经尝试了以下组合选择器，但他们没有工作。

#navbar .container-fluid 
    .navbar .container-fluid

它只在我添加内联css的情况下有效，如果是外部css呢？怎么做？
谢谢你。