CSS class verändern

[Mendric]

Guten Tag Leute,

wusste nicht so recht wie ich den Titel nennen sollte.

Und zwar habe ich folgendes Problem, weiß nichtmal wie ich es erklären soll,

In der CSS steht:

tr.section1 td, td.section1 {
	background-color: #FFF;
}
tr.section2 td, td.section2 {
	background-color: #000;
}

So sieht der Code aus:

<td class="section2" width=40% style="font-weight:bold;">Tabelle0:</td>
<td class="section1" width=40% style="font-weight:bold;">Tabelle1:</td>
<td class="section2" width=40% style="font-weight:bold;">Tabelle2:</td>

ich habe noch weitere Tabellen die in dieser Class eingetragen sind.

Ich möchte jetzt aber ohne das ich die class dieser beiden Einträge verändern muss denen eine andere background farbe zuweisen. Ist das möglich oder geht das garnicht?
also das jetzt Tabelle2 auch trotzdem unter "section2" stehen bleibt aber trotzdem eine andere backgroundfarbe hat bsp: #555

Hoffe es ist verständlich und ihr könnt mir weiterhelfen

danke

 

[anoX]

AW: CSS class verändern

Ich verstehe das Problem noch nicht ganz.

Meinst Du nun ZEILEN, oder wirklich unterschiedliche Tabellen?

Also so was hier:

<table>
  <tr>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
  </tr>
</table>

<table>
  <tr>
    <td>bla</td>
    <td>bla</td>
    <td>bla</td>
  </tr>
</table>

..

Oder willst Du die dritte Zeile anders färben? Dann musst Du eine neue Klasse erstellen.

 

[sokie]

AW: CSS class verändern

haben die weitren tabellen eine eigene id oder eine eigene class?
warum postest du nicht einfach den kompletten code, oder einen link zur Seite?

 

[Mendric]

AW: CSS class verändern

der code steht da
meinetwegen kansnt du es so sehen:

<table>
  <tr>
<td class="section2" width=40% style="font-weight:bold;">Tabelle0:</td>
<td class="section1" width=40% style="font-weight:bold;">Tabelle1:</td>
<td class="section2" width=40% style="font-weight:bold;">Tabelle2:</td>
  </tr>
</table>

in der CSS steht jetzt:

tr.section1 td, td.section1 {
	background-color: #FFF;
}
tr.section2 td, td.section2 {
	background-color: #000;
}

es gibt nur eine Class und das ist section1 bzw section2
ich will jetzt das section2 aber nur bsp. Tabelle2 ne andere Farbe kriegt ohne das ich die class ändern muss.

 

[sokie]

AW: CSS class verändern

da haben wir uns wohl missverstanden, ich dachte, da wären noch wirkliche 'weitere tabellen' und nicht nur das wort "Tabelle0", "Tabelle1" usw...

 

[owieortho]

AW: CSS class verändern

Wenn ich das recht sehe, soll das eine Zebratabelle mit abwechselnd weißen und schwarzen Zeilen sein, der Du in jeder dritten Zeile eine dunkelgraue Hintergrundfarbe geben möchtest.
In diesem Fall kommst Du nicht um einen dritten Selektor herum, da ja die ersten beiden für die weißen und schwarzen Zeilen zuständig bleiben.

<table>
  <tr>
<td class="section2" width=40% style="font-weight:bold;">Tabelle0:</td>
<td class="section1" width=40% style="font-weight:bold;">Tabelle1:</td>
<td class="section3" width=40% style="font-weight:bold;">Tabelle2:</td>
  </tr>
</table>

mit der zusätzlichen CSS-Anweisung:

tr.section1 td, td.section1 {
    background-color: #FFF;
}
tr.section2 td, td.section2 {
    background-color: #000;
}
tr.section3 td, td.section3 {
    background-color: #555;
}

Sollte Dein HTML generiert sein, musst Du natürlich noch etwas im generierenden Skript ändern, da es ja bisher nur alternierend die Klassen section1 und section2 ausgibt.

Ich hoffe das ist was Du gemeint hast.

 

[mela313]

AW: CSS class verändern

du kannst der abweichenden "tabelle" ja ne eigene id zuweisen mit id="idname" und im css schreibst du dann " #idname { background-color:#farbangabe;}