CSS 通過HTML錨標簽登陸頁面時不顯示樣式，如何“恢復”呢？

Question

我有一個 index.html 頁面，用戶可以通過錨標簽 go 到 contact.html 頁面。 在contact.html頁面上，我還有一些錨標簽，可以將用戶帶回到index.html頁面的特定部分。 它可以工作，但是一旦我們回到 index.html 它就不會顯示樣式。 我怎樣才能解決這個問題？ 您可以在下面查看contact.html的href：

    <li class="nav-item">
       <a class="nav-link" href="/index.html/#footer">Contact</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/index.html/#pricing">Pricing</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/index.html/#cta">Download</a>
    </li>

謝謝你。

我將根據要求添加更多信息 - 現在當我單擊contact.html 頁面中的導航欄鏈接時，會彈出此錯誤，而不是“未設置樣式”索引頁面：錯誤：ENOTDIR：不是目錄，stat' /home/mp/code/mp/tflix/tflix-start/index.html/'

無論如何，還有一些 CSS 和 HTML 代碼片段：

接觸中的引導導航欄。html

<body>

  <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
    <a class="navbar-brand" href="#">tinflix</a>
    <button class="navbar-toggler" type="button" data-bs- 
     toggle="collapse" data-bs-target="#navbarSupportedContent" aria- 
     controls="navbarSupportedContent" aria-expanded="false" aria- 
     label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ms-auto">
        <li class="nav-item">
           <a class="nav-link" href="/index.html/#footer">Contact</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/index.html/#pricing">Pricing</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="/index.html/#cta">Download</a>
        </li>
      </ul>
    </div>
  </nav>

</body>

在 index.html 中，頁面被划分為具有 id 的部分，例如：

<section id="pricing">
  <h1 class="big-white-header"> This is the pricing section </h1>
</section>

以CSS為例：

  body {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
  }
  h1, h2, h3, h5 {
    font-weight: bold;
  }
  .big-white-header {
    color: #fff;
    font-size: 3rem;
    line-height: 1.5;
  }

如果需要更多信息，請告訴我，謝謝您的幫助

通過從 nav-link hrefs 中刪除斜杠解決了這個問題謝謝大家幫助

Answer 1

解決方案 - 從導航項目的 href 鏈接中刪除斜杠，如下所示：

 <ul class="navbar-nav ms-auto">
    <li class="nav-item">
       <a class="nav-link" href="index.html#footer">Contact</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="index.html#pricing">Pricing</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="index.html#cta">Download</a>
    </li>

為什么它會這樣工作我仍然不知道，但它已經解決了。

CSS 通過HTML錨標簽登陸頁面時不顯示樣式，如何“恢復”呢？

問題描述

1 個解決方案

解決方案1
0 2022-07-25 09:14:45

CSS 通過HTML錨標簽登陸頁面時不顯示樣式，如何“恢復”呢？

問題描述

1 個解決方案

解決方案1 0 2022-07-25 09:14:45

解決方案1
0 2022-07-25 09:14:45