Kan ikke få class til at virke på link

Først og fremmest er rækkefølgen forkert

skal være

:link
:visited
:hover
:active

Men vhorfor giver du dem alle samme style ??? {color: #cc33ff;text-decoration: none;}

den overruler jo også
.breadcrums{
    color:#33ff66;
    font-family: Trebuchet,arial,helvetica;
    font-size: 11px;
}

prøv følgende

.breadcrums { font-family: Trebuchet,arial,helvetica; font-size: 11px; }

a.breadcrums:link , a.breadcrums:visited {color: #cc3366;text-decoration: none;}
a.breadcrums:hover, a.breadcrums:active {color: #cc33ff;text-decoration: none;}

Jeg havde givet dem alle samme style under test. Jeg ville bare tjekke om teksten ville skifte farve ved at tage et af de styles jeg havde lavet.

Mit problem er at teksten ikke vil tage den style jeg har lavet. Jeg har nu ændret rækkefølgen som du skrev, men det hjalp ikke noget. (jeg bruger dog den "forkerte" rækkefølge et andet sted, hvor det virker OK).

Måske kalder jeg klassen "breadcrums" forkert, men jeg kan ikke se hvordan jeg ellers skal kalde den...

Når jeg prøver dit eksempel virker det fint hos mig...

Har du taget dit eksempel ud af en større sammenhæng.

ja, eksemplet er taget ud af en større sammenhæng.

Jeg har "style.css" som ser sådan ud:

.body,table,td,a {
    color:#333333;
    font-family: Trebuchet,arial,helvetica;
    font-size:11px;
    font-weight: normal;
}

.bodyLinks {
    color:#499AA6;
    font-family: Trebuchet,arial,helvetica;
    font-size: 11px;
}

.bodyLinks A:link {color: #499AA6;text-decoration: none;}
.bodyLinks A:active {color: #499AA6;text-decoration: none;}
.bodyLinks A:visited {color: #666666;text-decoration: none;}
.bodyLinks A:hover {color: #EE7D11;text-decoration: none;}

.bodyHeadline {
    color:#000000;
    font-family: Verdana,arial,helvetica;
    font-size:14px;
    font-weight: bold;
    text-align=justify;
    text-valign=top;   
}

.breadcrums { font-family: Trebuchet,arial,helvetica; font-size: 11px;color: #cc3366; }
a.breadcrums:link , a.breadcrums:visited {color: #cc3366;text-decoration: none;}
a.breadcrums:hover, a.breadcrums:active {color: #cc33ff;text-decoration: none;}

.breadcrumsThisPage{
    color:#ffffff;
    font-family: Trebuchet,arial,helvetica;
    font-size: 10px;
}

A.breadcrumsThisPage:link{color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:active {color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:visited {color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:hover {color: #EE7D11;text-decoration: none;}

.iconLinks {
    color:#283663;
    font-family: Trebuchet,arial,helvetica;
    font-size: 10px;
}

.iconLinks A:link{color: #283663;text-decoration: none;}
.iconLinks A:active {color: #283663;text-decoration: none;}
.iconLinks A:visited {color: #283663;text-decoration: none;}
.iconLinks A:hover {color: #EE7D11;text-decoration: none;}

----------------------------------------------------------------------

Links bliver kaldt i en tabel, jeg kan her vise den <td> de hvorfra de bliver kaldt:

<td width="800" valign="top" align="right" class="iconLinks"><!-- Searchbar, sitemap-icon, contact-icon and breadcrums in right side upper corner -->
                        <img src="/dwm/cmsresources.nsf/filenames/Ico-lup.gif/$file/Ico-lup.gif">
                        <input type="text" name="search" class="IntranetSearch">
                        <button name="searchButton" type="button" class="IntranetSearch">Search</button>
                        <a href="/dwm/cmsdoc.nsf/sitesitemap?readform">&nbsp &nbsp &nbsp<img src="/dwm/cmsresources.nsf/filenames/Ico-Sitemap.gif/$file/Ico-Sitemap.gif" border="0" hspace="0">&nbsp Sitemap</a>

                        <a href="http://www.clipper-group.com" target="_blank">&nbsp &nbsp &nbsp<img src="/dwm/cmsresources.nsf/filenames/Ico-Letter.gif/$file/Ico-Letter.gif" border="0" hspace="0">&nbsp Contact</a><br>
<div><span class="breadcrums"><a href="/dwm/cmsdoc.nsf/Content/pjkn6s8cdp">Home</a></span><font class="breadcrums">&nbsp;&nbsp;>&nbsp;&nbsp;</font><a href="/dwm/cmsdoc.nsf/Content/wwww6saed5">News & Events</a><font class="breadcrums">&nbsp;&nbsp;>&nbsp;&nbsp;</font><a href="/dwm/cmsdoc.nsf/Content/wwww6saeef" class="breadcrumsThisPage">Announcements</a></div>
                    </td>
----------------------------------------------------------------------

Det er nok lidt rodet, men måske du kan se noget ud af det...

Det er pga din style .iconLinks A:link overskriver a.breadcrums:link , a.breadcrums:visited {color: #cc3366;text-decoration: none;}

Hvis du flytter .iconLinks A:link op før a.breadcrums:link vil det virke

.body,table,td,a {
    color:#333333;
    font-family: Trebuchet,arial,helvetica;
    font-size:11px;
    font-weight: normal;
}

.bodyLinks {
    color:#499AA6;
    font-family: Trebuchet,arial,helvetica;
    font-size: 11px;
}

.bodyLinks A:link {color: #499AA6;text-decoration: none;}
.bodyLinks A:active {color: #499AA6;text-decoration: none;}
.bodyLinks A:visited {color: #666666;text-decoration: none;}
.bodyLinks A:hover {color: #EE7D11;text-decoration: none;}

.bodyHeadline {
    color:#000000;
    font-family: Verdana,arial,helvetica;
    font-size:14px;
    font-weight: bold;
    text-align=justify;
    text-valign=top;   
}

.iconLinks {
    color:#283663;
    font-family: Trebuchet,arial,helvetica;
    font-size: 10px;
}

.iconLinks A:link{color: #283663;text-decoration: none;}
.iconLinks A:active {color: #283663;text-decoration: none;}
.iconLinks A:visited {color: #283663;text-decoration: none;}
.iconLinks A:hover {color: #EE7D11;text-decoration: none;}

.breadcrums { font-family: Trebuchet,arial,helvetica; font-size: 11px;color: #cc3366; }
a.breadcrums:link, a.breadcrums:visited {color: #cc3366;text-decoration: none;}
a.breadcrums:hover, a.breadcrums:active {color: #cc33ff;text-decoration: none;}

.breadcrumsThisPage{
    color:#ffffff;
    font-family: Trebuchet,arial,helvetica;
    font-size: 10px;
}

A.breadcrumsThisPage:link{color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:active {color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:visited {color: #ffffff;text-decoration: none;}
A.breadcrumsThisPage:hover {color: #EE7D11;text-decoration: none;}

Og så skal di a tag vel også lige have sat klassen på

<a href="/dwm/cmsdoc.nsf/Content/pjkn6s8cdp" class="breadcrums">Home</a>

Det virkede efter jeg ændrede rækkefølgen i style.css, men jeg forstår ikke hvorfor det var nødvendigt...

Men det er super at det nu virker, så hvis du smider et svar ligger der lidt points og venter.

jeg var kommet til at slette klassen under test, jeg prøvede at kalde den på en anden måde...

Der var et svar kan jeg lige se... her er points.

Grunden til dette skyldes at hvis to styles bliver lagt på det det samme element er det det altid den sidst indlæste style som gælder...

>"Det virkede efter jeg ændrede rækkefølgen i style.css, men jeg forstår ikke hvorfor det var nødvendigt..."


A:link    { color: red }    /* unvisited links */
A:visited { color: blue }  /* visited links  */
A:hover  { color: yellow } /* user hovers    */
A:active  { color: lime }  /* active links    */


Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.

fra
http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes

Det virkede efter jeg ændrede på den rækkefølge hvorpå mine klasser blev beskrevet i mit css-dokument. Klassen "breadcrums" skulle rykkes længere ned i dokumentet for at det virkede.

Det hjalp ikke da jeg ændrede den rækkefølge som jesper-moeller beskriver. Du har ret i at jeg ikke havde den rigtige rækkefølge men det virkede stadig...