애니메이션 밑줄 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;

다음은 Blogger에서 테마 설정을 제공합니다

https://ubuntuvpssupport.blogspot.com

Answer 1

내 블로그입니다. 테마 디자이너로 가면 왼쪽 패널의 "고급"탭으로 이동합니다. 이 고급 탭에서 마지막 옵션은 사용자 정의 스타일을 추가 할 수있는 "CSS 추가"입니다.

아래에 스타일을 추가 할 수 있습니다.

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

당신은 또한 당신을 도와줍니다 :)

희망 여기 https://support.google.com/blogger/answer/176245?hl=en

을 안내 참조 할 수 있습니다