2 in 1 Klasse

[Sammer]

Hallo,

Ist es möglich 2 unterschiedliche Klassen zu einer zu machen?
Aufgefallen ist mir die Problematik bei den Links:

a:link {
Text-decoration: underline;
font-size: 10px;
color: black;
}

a:visited {
Text-decoration: underline;
font-size: 10px;
color: black;
}

a:hover {
Text-decoration: none;
font-size: 10px;
color: black;
}

a:active {
Text-decoration: None;
font-size: 10px;
color: black;
}

immer wieder das selbe!
Cool wäre folgende schreibweise:

.link_none{
Text-decoration: None;
font-size: 10px;
color: black;
}

.link_underline{
Text-decoration: underline;
font-size: 10px;
color: black;
}

a:link {
.link_underline
}

a:visited {
.link_underline
}

a:hover {
.link_none
}

a:active {
.link_none
}

oder noch verschachtelter:

.link_format{
font-size: 10px;
color: black;
}

.link_none{
Text-decoration: None;
}

.link_underline{
Text-decoration: underline;
}

a:link {
.link_format
.link_underline
}

a:visited {
.link_format
.link_underline
}

a:hover {
.link_format
.link_none
}

a:active {
.link_format
.link_none
}

Das wär der hammer!

Sammer ;-)

[Bobby]

Moin

gehen würde:

a:active, a:hover {
Text-decoration: none;
font-size: 10px;
color: black;
}

oder:

a die immer widerkehrenden Eigenschaften geben und den pseudoklassen nur die sachen, die sich ändern.

z.B.

a {
  Text-decoration: underline;
  font-size: 10px;
  color: black;
  }

a:hover, a:active {
  Text-decoration: none;
  }

Gruß Bobby

[Sammer]

Immerhin! :-)

Danke

[Gunnar Bittersmann]

@@Sammer:

Ist es möglich 2 unterschiedliche Klassen zu einer zu machen?

Du suchst Gruppierung von Selektoren? [CSS2 §5.2.1]

Aufgefallen ist mir die Problematik bei den Links:
a:link {}
a:visited {}
a:hover {}
a:active {}

Wenn du willst, dass alle Links gleich aussehen, warum verwendest du dann für die immer gleichen Eigenschaften Pseudoklassen anstatt die Regeln mit dem Selektor 'a' zu notieren?

Und bedenke, dass es für den Nutzer eine wertvolle Navigationshilfe ist, besuchte von unbesuchten Links unterscheiden zu können. Diese sollte man dem Nutzer nicht leichtfertig wegnehmen!

Cool wäre folgende schreibweise:
a:link {
.link_underline
}

Nö, in {} stehen Deklarationen (Eigenschaft-Wert-Paare); in CSS gibt es keine Variablen.

Live long and prosper,
Gunnar

[minicrispie]

Hallo,

Liste Sie doch einfach auf, und schreibe ale Gemeinsamkeiten auf:

a:link, a:hover, a:visited{  
  bla:  blub  
  blub: bla  
}

MfG. Christoph Ludwig

[Gunnar Bittersmann]

@@minicrispie:

Wie wär’s denn damit, vor dem Posten die schon in Thread vorhandenen Antworten anzusehen?

Live long and prosper,
Gunnar

[minicrispie]

Hallo,

Wie wär’s denn damit, vor dem Posten die schon in Thread vorhandenen Antworten anzusehen?

Sollte man tun...
Naja, immerhin bin ich seit kurzem NvD :)

aber trotzdem: Sorry!

MfG. Christoph Ludwig

[Cheatah]

Hi,

Wie wär’s denn damit, vor dem Posten die schon in Thread vorhandenen Antworten anzusehen?
Sollte man tun...
Naja, immerhin bin ich seit kurzem NvD :)

Nichtleser vom Dienst?

Cheatah ;-)

[minicrispie]

Hallo,

Nichtleser vom Dienst?

Nein! Nachplapperer vom Dienst:

:)

MfG. Christoph Ludwig

[Cheatah]

Hi,

Nichtleser vom Dienst?
Nein! Nachplapperer vom Dienst:

ach, das hat Dir bestimmt jemand vorgesagt.

Cheatah ;-)

[minicrispie]

Hallo,

ach, das hat Dir bestimmt jemand vorgesagt.

ja! Kai hats mir gesagt und mir die urkunde gemacht :)

MfG. Christoph Ludwig