So setzen Sie eine aktive Verbindung als Standard, wenn die Seite erstmalig geladen

Ich brauche etwas Hilfe um einen link als active standardmäßig beim laden der Seite das erste mal.

<style type="text/css">
a{
color:black;
}
a:hover{
color:white;
}
a:active{
color:blue;
}
</style>


<div>
<!--I want this fisrt link to be set as active by default-->
<a href="#"/>
<!--I want this one as normal-->
<a href="#"/>
</div>
  • Die active pseudo-Klasse zeigt an, dass ein element gerade aktiv ist (was ich denke, übersetzt in etwa "ist derzeit Gegenstand eines auf"). Ich bin mir nicht ganz sicher, warum Sie wollen, um festzulegen, dass beim laden der Seite - es ist nicht so, Sie täuschen niemanden, der link ist derzeit angeklickt.
  • Der Grund für dieses ist, weil die Seite mehrere links hat (wie tabs) zu navigieren durch die Seite, wenn die Seite zum ersten mal lädt die Seite einen der links seine wie (Zuhause), das es aktiv sein sollte, um anzuzeigen, dass der Benutzer seine auf dieser Seite.
  • verwenden Sie dann eine Klasse wie <a class="current">, nicht pseudo-Klassen, wie a:active, und ändern Sie Ihre CSS von a:active zu a.current.
  • Hallo, vielen Dank nochmal für deine Hilfe, mein Problem, wenn ich das Tue, seine, dass, wenn ich das mache, wäre es Klasse ändern, wenn ein weiteres Glied schwebte oder aktiv? Nochmals vielen Dank.
InformationsquelleAutor Amra | 2010-01-27
  1. 7

    Wenn Sie ändern, können Sie Ihr markup zu diesem:

    <div>
<!--I want this first link to be set as active by default-->
<a href="#" id="focusmeplease"/>
<!--I want this one as normal-->
<a href="#"/>
</div>

    Dann können Sie dieses JavaScript:

    document.getElementById('focusmeplease').focus();

    Fügen Sie die JavaScript-Seite zu laden jedoch Sie mögen (ich mag auf diese Weise, es sei denn, du verwendest jQuery, in welchem Fall verwenden $(document).ready()).

    • Vielen Dank, es funktionierte wie ein Traum.
    InformationsquelleAutor Dominic Rodger
  2. 1
    1. Markieren Sie die "a" - tags mit einer Klasse (wie "focus").
    2. Alle aktiven "a" - tags in der Klasse "focus" mit Ihrem bevorzugten look.
    <style type="text/css">
a
{color:black;}
a:hover
{color:white;}
a.focus:link, a.focus:visited
{color:blue;}
</style>

<div>
<a href="#" class="focus">This link is active by default.</a>
<a href="#">This is a normal link.</a>
</div>

    Letzte Anmerkung: ich habe ebenfalls korrigiert "a" - tag, da war falsch.

    • aus irgendeinem Grund, funktioniert nicht :-(, trotzdem danke
    • Das wird nicht funktionieren. Der erste link wird blau, wenn es ist, klicken Sie auf. Keine Standard-Erscheinungsbild. Nach unten Stimmen.
    • Tut mir Leid, ich nicht gut verstehen. Ich habe es zu korrigieren, überprüfen Sie bitte, ob jetzt das Verhalten, das Sie möchten.
    • Sie können hinzufügen oder entfernen Sie die folgenden Eigenschaften, um das Verhalten ändern: link, besuchter und schweben.
    InformationsquelleAutor Davide Muzzarelli
  3. 0
    a{
  color:black;
}
a:hover {
  color:white;
}
a:active, div a:first-child {
  color:blue;
}

    Unterstützt von den meisten neueren Browsern, aber nicht viel mehr als das.

    InformationsquelleAutor Tor Valamo
Schreibe einen Kommentar