Zitat:
a:link
a:hover
a:visited
aber beispielsweise würde (ggf.) sinn ergeben - hier bekommen halt nur unbesuchte links auch einen hover-effekt, für bereits besuchte findet dieser nicht statt. (unter der voraussetzung, dass jeweils die selbe property mit anderen werten belegt wird.)
|
Stimmt was er sagt
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/
html,body
{
margin: 0;
padding: 3px;
background-color: #FF9922;
color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100.01%;
}
div {
margin: .5em 0;
border: 1% solid #000000;
padding: 1em;
background-color: #FFFFFF;
font-size: 0.8em;
}
a {
display: block;
margin: 1em;
background-color: #FFFF00;
}
/*
a:visited
{
background-color: #FFEE00;
}
*/
a:hover,
a:focus,
a:active
{
background-color: #FF9922;
}
a:visited
{
background-color: #FFEE00;
}
a:focus:hover
{
background-color: #33FF33;
}
/*]]>*/
</style>
</head>
<body>
<div>
LINK_1
LINK_2
</div>
</body>
</html>
Zumindest im IE6 / FF1 haben ich in gezeigtem Beispiel kein :hover/:focus/active - Event, sobald der LINK besucht ist.