Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
.link1
{
font-size: xx-small; font-weight: bold; font-family: Verdana;
text-transform: none
}
a.link1:link,
a.link1:visited,
{
text-decoration: none;
color:#000000;
}
a.link1:hover,
a.link1:active,
{
text-decoration: underline;
color:#F95506;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
.linker
{
font-size: xx-small; font-weight: bold; font-family: Verdana;
text-transform: none
}
a.linker:link, a.linker:visited
{
text-decoration: none;
color:#000000;
}
a.linker:hover, a.linker:active
{
text-decoration: underline;
color:#F95506;
}
</style>
</head>
<body>
<a href="testlink.htm" class="linker">klickmich</a>
</body>
</html>
Wenn a:hover nicht funktioniert
Bei den ersten Schritten und bei ein paar kleinen Experimenten findet man schnell heraus, dass einige Verhalten scheinbar inkonsistent sind. Eines der größeren Mysterien ist, dass bereits besuchte Hyperlinks nicht immer nach der a:hover-Spezifikation funktionieren.
Wenn Sie wollen, dass a:hover bei bereits besuchten Hyperlinks genauso gut funktioniert wie bei frischen Links, sollten Sie a:hover als letzte Eigenschaft notieren:
• a:link { color: darkslategray }
• a:visited { color: gray }
• a:hover { color: lightslategray } Nur so kommt hover durch die Cascading-Eigenschaft zum Zuge. Auf jeden Fall aber wird a:hover von Netscape 4 überhaupt nicht unterstützt. Dieser Code hingegen funktioniert in mittelalterlichen Browsern unvorhersehbar:
• a:hover { color: lightslategray }
• a:link { color: darkslategray }
• a:visited { color: gray }