a:link innerhalb li formatieren

[gary]

Hallo zusammen

Auf meiner Page [http://www.vam-shop.com/online-journal-ceta.shtml@title=hier] habe ich links generierte Links und in der Mitte auf das Dokument verteilt zugehörige Anker. Da ich das im CSS habe:

a:link {
       color: #000000;
       text-decoration: none;
       }

a:visited {
          color: #000000;
          text-decoration: none;
          }

a:hover {
        color: #C0C0C0;
        text-decoration: underline;
        }

a:active {
         color: #C0C0C0;
         text-decoration: none;
         }

werden jetz leider auch die Anker mit dem Hover-Effect und dem Underline versehen. Die Anker sollen aber einfach nur Text sein (schwarz).

Da die Links in einer Liste stecken:

<ul>

<li><a href="#A1">rauchen.txt</a></li>
<li><a href="#A2">auto.txt</a></li>
<li><a href="#A3">strom.txt</a></li>
<li><a href="#A4">urlaub.txt</a></li>
</ul>

habe ich mich gefragt ob man die "a's" in der "li" extra formatieren kann?

Grüsse gary

[gary]

Mist Linkfehler:

So jetzt:
hier

Gruss gary

[Hopsel]

Hi gary!

<ul>
<li id="A1">rauchen.txt</li>
<li id="A2">auto.txt</li>
<li id="A3">strom.txt</li>
<li id="A4">urlaub.txt</li>
</ul>

Das spart überflüssige Elemente und verbessert die Übersicht.
Beachte, dass eine id eindeutig sein muss, genau wie ein Anker.

MfG H☼psel

[gary]

Hallo Hopsel,

<ul>
<li id="A1">rauchen.txt</li>
<li id="A2">auto.txt</li>
<li id="A3">strom.txt</li>
<li id="A4">urlaub.txt</li>
</ul>

Das spart überflüssige Elemente und verbessert die Übersicht.
Beachte, dass eine id eindeutig sein muss, genau wie ein Anker.

Das geht nicht: Die Anzahl der id's steht nicht fest. Infolge dessen brauche ich eine Art Klasse. Vorhanden sind ul und li-Elemente. Ich suche quasi die Schreibweise für

li {
   a: Element link
   a: Element visited
   a: Element hover
   a: Element active
   }

Also das die ganzen Pseudoelemente nur in der li-Klasse so definiert sind.
Und woanders im CSS auch abweichend formatiert werden können.

Grüsse gary

[ottogal]

Du musst schreiben
      li a:link {     }
etc.
Gruß
ottogal

[gary]

Hallo Ottogal und Steckl,

Danke habe es gemacht und online.
__________________________________Das sind die Anker
a:link {
       color: #000000;
       text-decoration: none;
       }

a:visited {
          color: #000000;
          text-decoration: none;
          }

a:hover {
        color: #000000;
        text-decoration: none;
        }

a:active {
         color: #C0C0C0;
         text-decoration: none;
         }
_________________________________

_________________________________Das sind die Links in der Liste
li a:link {
       color: #000000;
       text-decoration: none;
       }

li a:visited {
          color: #000000;
          text-decoration: none;
          }

li a:hover {
        color: #C0C0C0;
        text-decoration: underline;
        }

li a:active {
         color: #C0C0C0;
         text-decoration: none;
         }
__________________________________

Tausend Dank und Ende für heute *puuhhhh*

Merci nochmals

Gruss gary

[Hopsel]

Hi gary!

Entschuldigung, ich bin vollkommen am Thema vorbeigeschossen... =)

Aber es hat dir ja schon jemand die Antwort gestecklt.

MfG H☼psel

[Gunnar Bittersmann]

@@gary:

Ich suche quasi die Schreibweise für

li {
   a: Element link
   a: Element visited
   a: Element hover
   a: Element active
   }

Den Selektor für Nachfahren [CSS2 §5.1, CSS2 §5.5] hast du ja inzwischen gefunden.

Aber eigentlich suchtest du:
  <h3 id="A1">rauchen.txt</h3>
statt
  <h3><a name="A1">rauchen.txt</a></h3>

BTW, Links lassen sich auch mit den Selektoren 'a:link', 'a:visited', 'a:link:hover', 'a:visited:hover' selektieren.

Und wofür meinst du ':active' zu brauchen?

Live long and prosper,
Gunnar

[Ingo Turski]

Hi,

Beachte, dass eine id eindeutig sein muss, genau wie ein Anker.

Das geht nicht: Die Anzahl der id's steht nicht fest. Infolge dessen brauche ich eine Art Klasse. Vorhanden sind ul und li-Elemente. Ich suche quasi die Schreibweise für

Nein. Wenn Du auf das überflüssige Element verzichtest und (z.B. der Zwischenüberschrift, zu der gesprungen wird) als ID den Ankernamen gibst, hast Du das Problem gar nicht mehr.

freundliche Grüße
Ingo

[steckl]

Hi,

habe ich mich gefragt ob man die "a's" in der "li" extra formatieren kann?

Selfhtml: verschachtelte Elemente ansprechen.
Damit kannst du auch z.B. Elemente die in einem anderen Element mit bestimmter id ansprechen.

mfG,
steckl

[ottogal]

Hallo gary,

schreib doch einfach
<a href="#A1"></a>rauchen.txt  statt
<a href="#A1">rauchen.txt</a>
und gut ists.

Gruß
ottogal

[gary]

Hallo ottogal,

schreib doch einfach
<a href="#A1"></a>rauchen.txt  statt
<a href="#A1">rauchen.txt</a>
und gut ists.

Nein, die Links sind so wie sie sind OK. Nur die (Sprung)Anker (also da wo hin gescrollt werden soll) sollen nichts machen, sondern einfach nur da stehen.

Grüsse gary