Zeilen in Tabelle unterschiedlich formatieren

[Mollim]

Das ist meine Grundtabelle

table.tabelle  
{  
width:100%;  
border-collapse: collapse;  
text-align:left;  
font-size:15px;  
}  
  
table.tabelle td  
{  
padding:3px;  
}

Ich würde bei bestimmte Zeilen gerne den text durchstreichen

so ist mein ansatz:

table.tabelle td .durchstreichen  
{  
text-decoration: line-through;  
}

Dann so, aber es geht leider nicht so wie ich mir das vorstelle

<table class="tabelle">  
<tr>  
 <td>test</td>  
 <td class="durchstreichen">test</td>  
</tr>  
</table>

Danke für alle die das durchlesen...

[Matthias Apsel]

Om nah hoo pez nyeetz, Mollim!

table.tabelle td .durchstreichen

{
text-decoration: line-through;
}

>   
> Dann so, aber es geht leider nicht so wie ich mir das vorstelle  
>   
> ~~~html

<table class="tabelle">  

> <tr>  
>  <td>test</td>  
>  <td class="durchstreichen">test</td>  
> </tr>  
> </table>

Im Selektor ist ein Leerzeichen zu viel.

Matthias

[Gunnar Bittersmann]

@@Mollim:

nuqneH

table.tabelle td .durchstreichen

Der Selektor passt nicht der Klasse "durchstreichen", die td-Elemente sind, sondern auf Elemente, die Nachfahren von td-Elementen sind (die ihrerseits Nachfahren von table-Elementen der Klasse "tabelle" sind).

Ähm Moment mal. Eine Klasse "tabelle" ist für table-Elemente unsinnig.

Halte deine Selektoren so einfach wie möglich! .durchstreichen sollte genügen.

Die Klasse sollte aber nicht "durchstreichen" heißen. Die Bezeichnung sollte nicht angeben, WIE der Inhalt (momentan) dargestellt werden soll, sondern WARUM er anderds dargestellt werden soll. Also eher sowas wie "ungültig".

Und warum überhaupt eine Klasse? Ist das s-Element bzw. das del-Element nicht angebracht?

Qapla'

[Gunnar Bittersmann]

@@Gunnar Bittersmann:

nuqneH

table.tabelle td .durchstreichen

Der Selektor passt nicht der Klasse "durchstreichen", die td-Elemente sind, sondern auf Elemente, die Nachfahren von td-Elementen sind (die ihrerseits Nachfahren von table-Elementen der Klasse "tabelle" sind).

Copy&Paste-Error. Weil ich nicht Copy&Paste gemacht hab. Sondern Cut&Paste.

Der Selektor passt nicht auf Elemente der Klasse "durchstreichen", die td-Elemente sind, sondern auf Elemente, die Nachfahren von td-Elementen sind …

Qapla'