Anna: Verschachtelung von Styles

Hallo,

ich würde gerne wissen welcher Style hier verwendet wird (der Link wurde besucht, ist aber nicht der aktuell ausgewählte).

<table cellspacing=0 class="ms-nav ms-unselectedtitle" ItemId="20060417">
    <tr>
 <td nowrap class="ms-MWSInstantiated">
      <a onfocus="OnLink(this)" href='javascript:MtgNavigate "20060417");' target="_self">
  <u>4/17/2006</u>
       </a>
        </td>
    </tr>
</table>

In der CSS Datei finde ich die folgenden Styles:
a
{
 font-family: Verdana;
 font-size: 8pt;
 color: #E12129;
 text-decoration: none;
}
a:link
{
 font-family: Verdana;
 font-size: 8pt;
 color: #E12129;
 text-decoration: none;
}
a:visited
{
 font-family: Verdana;
 font-size: 8pt;
 color: #E12129;
 text-decoration: none;
}
a:hover
{
 text-decoration: underline;
}
.ms-nav td, .ms-nav .ms-SPZoneLabel, .ms-input {
    font-family: Verdana, sans-serif;
    font-size: 8pt;
}
.ms-nav th {
    font-size: 8pt;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    text-align: left;
    color: black;
}
.ms-nav a {
    text-decoration: none;
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #565a5b;
}
.ms-nav a:link {
    color: #565a5b;
    text-decoration: none;
}
.ms-nav a:hover {
    color: #E12129;
}
.ms-nav a:visited {
    color: #565a5b;
    text-decoration: none;
}
.ms-unselectedtitle
{
    background-color: ;
    margin: 1px;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
}
.ms-MWSSelectedInstance{
color:#000000;
text-decoration:none;
}
.ms-MWSInstantiated a:link, .ms-MWSInstantiated a:visited{
color:#E12129;
text-decoration:none
}
.ms-MWSInstantiated a:hover{
color:#E12129;
text-decoration:underline
}
.ms-MWSUninstantiated a:link, .ms-MWSUninstantiated a:visited{
color:#E12129;
text-decoration:none
}
.ms-MWSUninstantiated a:hover{
color:#E12129;
text-decoration:underline
}

  1. hi,

    ich würde gerne wissen welcher Style hier verwendet wird (der Link wurde besucht, ist aber nicht der aktuell ausgewählte).

    Also beginne bei den Vorfahrenelemente, und schau, welches Selektoren auf diese zutreffen.
    Arbeite dich dann bis zum Link vor, bis du die Selektoren-Kette komplett aufgebaut hast.
    Schaue dann, welche Regel(n) in deinem CSS auf diese Kette zutreffen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }