アニメーション下線付きCssナビゲーションメニューブロガー

Question

ページボタンのホバーに下線を引いてみたい。 これらのコードをブロガーのページリストに適用するにはどうすればよいですか？ここで

.top-nav .PageList { 
 
    list-style: none; 
 
    padding: 0; 
 
    
 
    & > li { 
 
    display: inline-block; 
 
    
 
    & ~ li { 
 
     margin-left: 1em; 
 
    } 
 
    } 
 
    
 
    a { 
 
    color: #666; 
 
    text-decoration: none; 
 
    
 
    &:focus, 
 
    &:hover { 
 
     color: #CF000F; 
 
     
 
     &:after { 
 
     opacity: 1; 
 
     width: 100%; 
 
     } 
 
    } 
 
    
 
    &:after { 
 
     margin: 0 auto; 
 
     content: ''; 
 
     display: block; 
 
     border-top: 1px solid; 
 
     border-top-color: inherit; 
 
     width: 0%; 
 
     opacity: 0; 
 
     transition: .25s;

私のブログ

https://ubuntuvpssupport.blogspot.com

Answer 1

ブロガーのテーマ設定を提供しています。テーマデザイナーに行き、左側のパネルに「Advanced」というタブが表示されます。この[詳細設定]タブでは、最後のオプションは[カスタムスタイルを追加できる]の[CSSを追加]です。

以下のスタイルを追加できます。

a:hover, .action-link:hover {text-decoration: underline}

また、それはあなたを助けます:)

を願って、ここで https://support.google.com/blogger/answer/176245?hl=en

を導く参照することができます