Grundsätzliches zu CSS?

[Maik20]

Hallo,

ich habe noch nicht so viel mit CSS gemacht. Daher habe ich eine grundsätzliche Frage zu CSS.

Folgen CSS Formatierungen wirken ja auf alle Tabellen innerhalb eines HMTL Dokumentes. Ich habe jetzt mehrere Tabellen auf einer HTML Seite. Diese Formatierungen jedoch sollen nur auf die Tabelle mit der id="table1" angewendet werden.

<table id="table1">
...
</table>

table, caption, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border: 1px solid #596380;
  text-align: center;
}
caption {
  padding: 3px 10px;
  font-size: larger;
  font-weight: bold;
  color: #FFF;
  background: #BF8660;
  border: 1px solid #596380;
}
thead {
  background: #CFD4E6;
}
th {
  color: #000;
  font-weight: bold;
}
td, th {
  padding: 6px 10px;
  border: 1px solid #596380;
  text-align: center;
}

kann ich dann einfach ein table1. davor schreiben etwa so:

table1. td, th {
  padding: 6px 10px;
  border: 1px solid #596380;
  text-align: center;
}

Ich kann statt id=table1 auch einen namen setzen wenn das weiter hilft.

 

[Maik]

Hi,

es muß der gewählte ID-Bezeichner vorne angestellt werden:

table#table1, table#table1 caption, table#table1 thead, table#table1 tr, table#table1 th, table#table1 td { ... }
table#table1 { ... }
table#table1 caption { ... }
table#table1 thead { ... }
table#table1 th { ... }
table#table1 td, table#table1 th { ... }

Mit dem name-Attribut kannst du hier zudem nicht viel anfangen, da zum einen das table-Element dieses Attribut überhaupt nicht besitzt (siehe http://de.selfhtml.org/html/referenz/attribute.htm#table), und zum anderen sein Attributwert über CSS nicht ansprechbar ist, wie ein Klassen- oder ID-Bezeichner.

mfg Maik