, HTML 색상 변경 텍스트는 후 방문

Question

내가 아이콘과 텍스트가

    <div class="group-block last"> 
        <a class="w-inline-block" href="news.html" data-load="1"> 
         <div class="group-image bg3"><img src="images/coffee.png" align="middle"></div> 
         <div class="group-title"> 
         <div class="title-text">Relaxar-te</div> 
         </div> 
        </a> 
        </div> 

나는이 부분을 방문한 후 텍스트 "Relaxar-TE"의 색상을 변경하려면

를 다음 코드 조각을 표시 한 경우

. 즉,이 페이지로 돌아 오면 텍스트의 색상이 변경되었습니다. "제목 텍스트"의 CSS는

.title-text:visited { 
    color: blue; 
} 

불행하게도,이 작동하지 않습니다 삽입하려고하면

.title-text { 
    line-height: 68px; 
    } 

입니다. 나는이 방법을 사용하는 많은 포럼을 보았지만, 그것은 나를 위해 작동하지 않거나 뭔가를 놓치고 있습니다.

Answer 1

이 방식으로 텍스트를 타겟팅 할 수 있습니다 :

a:visited .title-text{ 
 
    color: pink; 
 
}

<div class="group-block last"> 
 
    <a class="w-inline-block" href="news.html" data-load="1"> 
 
    <div class="group-image bg3"><img src="images/coffee.png" align="middle"></div> 
 
    <div class="group-title"> 
 
     <div class="title-text">Relaxar-te</div> 
 
    </div> 
 
    </a> 
 
</div>

Answer 2

:visited에만 링크를 사용할 수 있습니다. 그래서 당신이 필요

.title-text { 
 
    line-height: 68px; 
 
} 
 

 
a.w-inline-block:visited .title-text { 
 
    color: blue; 
 
}

<div class="group-block last"> 
 
    <a class="w-inline-block" href="news.html" data-load="1"> 
 
    <div class="group-image bg3"><img src="images/coffee.png" align="middle"></div> 
 
    <div class="group-title"> 
 
     <div class="title-text">Relaxar-te</div> 
 
    </div> 
 
    </a> 
 
</div>

Answer 3

:visisted 만 a 태그에서 작동합니다. .title-text 당신이 그것을 해결하기 위해 다음과 같이 코드를 변경 할 수있는 div

가리키는 :

.custom-link:visited { 
 
color:blue; 
 
}

<div class="group-block last"> 
 
        <a class="w-inline-block custom-link" href="news.html" data-load="1"> 
 
         <div class="group-image bg3"><img src="images/coffee.png" align="middle"></div> 
 
         <div class="group-title"> 
 
         <div class="title-text">Relaxar-te</div> 
 
         </div> 
 
        </a> 
 
        </div>