Ashura: CSS?

Beitrag lesen

Hallo Thomas.

ist das richtig:

Ja, schon _weitaus_ besser.

global:

~~~css

a.testlink{

font-weight:normal; color:#cacaca; border-bottom:dashed 1px blue; text-decoration:none;}
        a.testlink:visited{
          font-weight:normal; color:#cacaca; border-bottom:dashed 1px blue; text-decoration:none;}
        a.testlink:focus{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}
        a.testlink:hover{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}
        a.testlink:active{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}

  
Dies kannst du noch massiv verkürzen:  
  
~~~css
a.testlink {  
  border-bottom:1px dashed #00f;  
  color:#cacaca;  
  font-weight:normal;  
  text-decoration:none;  
}  
a.testlink:focus,  
a.testlink:hover,  
a.testlink:active {  
  color:#74c44d;  
}

individuell:

~~~css

a#link{

font-weight:normal; color:red; border-bottom:dashed 1px blue; text-decoration:none;}
        a#link:visited{
          font-weight:normal; color:red; border-bottom:dashed 1px blue; text-decoration:none;}
        a#link:focus{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}
        a#link:hover{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}
        a#link:active{
          font-weight:normal; color:#74c44d; border-bottom:dashed 1px blue; text-decoration:none;}

  
Hier ebenso:  
  
~~~css
a#link {  
  border-bottom:1px dashed #00f;  
  color:#f00;  
  font-weight:normal;  
  text-decoration:none;  
}  
a#link:focus,  
a#link:hover,  
a#link:active {  
  color:#74c44d;  
}

Einen schönen Samstag noch.

Gruß, Ashura

--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]