CSS에서 임의의 색상을 표시하는 항목을 나열하십시오.

-1

여기에서 전체 멍청한 놈이 대학 과제를위한 웹 사이트를 구축하려고합니다. 네비게이션 메뉴를 제외하고 원하는 방식으로 보았습니다. 링크를 특정 색상으로 설정하고 'hover'의 색상을 변경하고 'active'및 'visited'로 다시 변경하십시오. 'hover'및 'active'명령은 훌륭하게 작동하지만 'visited'명령을 활성화하면 링크에 색상이 표시되고 주석으로 지정하면 링크를 보라색으로 바꿀 수 있습니다. 나는 이것이 어떻게 가능한지 전혀 모른다. HTML :CSS에서 임의의 색상을 표시하는 항목을 나열하십시오.

<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>home</title> 
    <style> 
    </style> 
    <link href="style/homeContent.css" rel="stylesheet" type="text/css"> 
    </head> 
    <ul class="nav"> 
     <li><a href="#home">Home</a></li> 
     <li><a href="#portfolio">Portfolio</a></li> 
     <li><a href="#contact">Contact</a></li> 
    </ul> 
    </body> 
</html>

CSS : 돕는

body 
{ 
    background-color: #1B1716; 
} 

.nav 
{ 
    font-family: source-sans-pro; 
    font-size: 20px; 
    padding-left: 200px; 
    margin: 0; 
    text-align: center; 
    width: 100%; 
    max-width: 1000px; 
} 
.nav li 
{ 
    display: inline; 
} 
.nav a 
{ 
    display: inline-block; 
    padding: 100px; 
    text-decoration: none; 
} 
.nav a:link 
{ 
    color: #E4E4E4; 
} 
.nav a:hover 
{ 
    color: #FFFFFF; 
    text-shadow: 0px 0px 15px #FFFFFF; 
} 
.nav a:visited 
{ 
    color: #CDCDCD; 
} 
.nav a:active 
{ 
    color: #C60003; 
}

감사합니다!

출처

2016-12-04 Brian

난 정말 당신에게 문제를 볼 수 없습니다, 당신은'에 대한 어떤 스타일을 원하는가? 또한 자주색 텍스트는 Isigiel 응답에 감사 드리며 브라우저 기본값 인 – Isigiel

입니다. 자주색이 브라우저 기본값인지는 몰랐습니다. 그것이 크롬, 사파리, 파이어 폭스에서 일어나기 때문에 나는 그것이 전체적으로 있다고 생각합니다. 그렇다면 내 .nav a : link {color : # E4E4E4;}가 완전히 무시되고 있음을 의미합니다. 방문한 사용자는 링크를 클릭 한 후에 만해야합니다. – Brian

코드가 완전히 정확합니다. 내가 만든 코드 조각을 실행하여 색상을 변경하여 어떤 선이 적용되고 링크가 파란색인지 확인한 다음 링크를 클릭하고 whitewhen을 가리 키십시오. 클릭하면 녹색이됩니다.

언급 한 자주색은 브라우저 기본 설정으로 모든 방문 링크에 적용됩니다. 링크의 visited` 버전 :

body 
 
{ 
 
    background-color: #1B1716; 
 
} 
 

 
.nav 
 
{ 
 
    font-family: source-sans-pro; 
 
    font-size: 20px; 
 
    padding-left: 200px; 
 
    margin: 0; 
 
    text-align: center; 
 
    width: 100%; 
 
    max-width: 1000px; 
 
} 
 
.nav li 
 
{ 
 
    display: inline; 
 
} 
 
.nav a 
 
{ 
 
    display: inline-block; 
 
    padding: 100px; 
 
    text-decoration: none; 
 
} 
 
.nav a:link 
 
{ 
 
    color: green; 
 
} 
 
.nav a:hover 
 
{ 
 
    color: #FFFFFF; 
 
    text-shadow: 0px 0px 15px #FFFFFF; 
 
} 
 
.nav a:visited 
 
{ 
 
    color: blue; 
 
} 
 
.nav a:active 
 
{ 
 
    color: #C60003; 
 
}

<html> 
 
    <head> 
 
    <meta charset="UTF-8"> 
 
    <title>home</title> 
 
    <style> 
 
    </style> 
 
    <link href="style/homeContent.css" rel="stylesheet" type="text/css"> 
 
    </head> 
 
    <ul class="nav"> 
 
     <li><a href="#home">Home</a></li> 
 
     <li><a href="#portfolio">Portfolio</a></li> 
 
     <li><a href="#contact">Contact</a></li> 
 
    </ul> 
 
    </body> 
 
</html>

출처

2016-12-04 13:31:58 Isigiel

다시 한번 감사드립니다. Isigiel, 코드가 놀랍게 작동합니다. 내가 무슨 일이 일어나고 있는지 생각 : 기본적으로, 일단 당신이 링크를 클릭하면, : 방문한 부분은 페이지를 새로 고침하더라도 무한정 이상 소요됩니다. 그러나 브라우저를 종료하고 모든 것을 다시 시작하면 링크 색상이 클릭 될 때까지 기본 색상으로 돌아갑니다. 이것은 코드에서도 마찬가지입니다. 나는 지금 이걸로 일할 수있다. 어쨌든 우선 순위가 높지는 않다. 도와 주셔서 정말 감사합니다! – Brian

방문한 링크는 브라우저 기록을 기반으로하므로 모두에게 다르게 나타날 수 있습니다. 일부 브라우저는 사용자가 페이지를 닫을 때마다이 값을 재설정하며, 일부 브라우저는 기록을 삭제할 때까지 페이지를 "방문"상태로 유지합니다. – Tremors

CSS에서 임의의 색상을 표시하는 항목을 나열하십시오.

답변

관련 문제