如何在HTML中為多個子頁面新增一個統一的頁首？

Question

我正在開發一個導航列系統，並想知道如何使子頁面更改，但原始頁面的標題仍然存在。 （我正在使用repl.it，提前告知）。我還沒有在資料夾中放​​置任何內容。我還希望當我懸停在具有“active”類別（灰色的那個）的項目上時，它不會改變顏色。 @importurl('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&displa

P粉642436282 · Answer

回答你問題中關於保持激活類別在懸停時顏色不變的部分，我所做的就是創建了另一個@keyframe ，使得在0% 和100% 時它們都保持灰色。然後我使用 transition: 0.5s; 來使顏色變化的動畫過渡平滑。

    @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap');
html body {
  background: #0E1212;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: none;
  font-family: 'Roboto Mono', monospace;
}

li {
  float: left;
}

li a {
  display: block;
  color: #DBDBDB;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  color: #682AE9;
  transition: 0.5s;
  animation-name: example;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.active {
  color: #808080;
}

.active:hover {
  color: #808080;
}

@keyframes .active {
  0% {
    color: #808080;
  }
  100% {
    color: #808080;
    )
  }
 
  @keyframes example {
    0% {
      color: #DBDBDB;
    }
    100% {
      color: #622cd8;
      )
    }





  
  
  
  
  
  Home






  

  

    
      .home()
      .about()
      .stuff()
      .apply()

如你所見，當你懸停在第一個連結上（即啟動狀態），它仍然是灰色的，其他連結在 0.5s 的時間內變為紫色。

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學