Klasser i CSS

fx en class=\"alert\" ser således ud i en css-fil

.alert
  {
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  color: #FF0000;
  }

hvis der skal være flere i css-filen:

.alert
  {
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  text-decoration: none;
  font-size: 10pt;
  color: #FF0000;
  }

.overskrift
  {
  font-family: tahoma, verdana, arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 10pt;
  color: #666666;
  }

Hvis det også skal fungere for de hyperlinks der står i rækkerne, hvordan skal disse så medtages?

Eksempelvis således at hyperlinks i en række med sort baggrund bliver hvide og hyperlinks i en række med hvid baggrund bliver sorte (Bare notationen for eks. a:link)

link sluttes med :hover i css filen...

a.hvid
  {
  font-family: tahoma, verdana, arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 10pt;
  color: #000000;
  }

a.hvid:hover
  {
  font-family: tahoma, verdana, arial;
  font-weight: bold;
  text-decoration: none;
  font-size: 10pt;
  color: #666666;
  }

du skal IKKE skrive noget ud for linket normaltvis. Det finder det selv udaf når den læser i css. filen...

Nu har jeg forsøgt med følgende CSS-kode:
tr.row1 {
    background: #003300;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #33CC33
}

a.row1 {
    text-decoration : underline;
}
a.row1:link {
    color:    #33FF33;
}

a.row1:visited {
    color:    #33FF33;
}

Og jeg har følgende udsnit af html-koden:
<table width=\"90%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  <tr class=\"row1\">
    <td>test <a href=\"test2.htm\">test2</a></td>
  </tr>
</table>

Nu vil jeg så gerne, have at linket også kommer til at bruge klassen \"row1\" - dvs. at den på en eller anden måde nedarves til <a>-elementet! Med denne kode, vil det kun fungere, hvis jeg også angiver at <a> skal benytte klassen \"row1\". Kan det virkelig passe, at det er nødvendigt...

-eller er der noget jeg har misforstået?

Så fandt jeg ud af notationen!
Stylesheetet skal se ud som dette:

tr.rowdark {
    background-color: #003300;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #33CC33
}

tr.rowdark a {
    text-decoration : underline;
}

tr.rowdark a:link {
    color:    #33FF33;
}

tr.rowdark a:visited {
    color:    #33FF33;
};

tr.rowdark a:active {
    color:    #00FF00;
};

tr.rowdark a:hover {
    color: #CCFF00;
};

så kan man nøjes med at angive <tr class=\"rowdark\"> i html koden - så vil det også automatisk fungere for evt. links i rækken!
/Tipsen
PS: freekyzone <- Var dette også hvad du prøvede at fortælle? - så har jeg misforstået...