Multiple selectors in rule

[Axel Siebenwirth]

Hi,

I've tried to do this but it does not work.

table.anmeldung tr + td { font-weight:bold; }

I'm looking for an easy way to bolden the left column in this table:
http://www.kunstwerk-jena.de/sommer_anm.html

Any comments?

Thanks a lot,
Axel

[Bjoern Hoehrmann]

* Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:

>I've tried to do this but it does not work.

table.anmeldung tr + td { font-weight:bold; }

This matches 'td' elements with a ('tr' sibling that is a child of a
(table element that belongs to the class 'anmeldung')). Since td and
tr do not occur as siblings, this matches nothing.

>I'm looking for an easy way to bolden the left column in this table:
http://www.kunstwerk-jena.de/sommer_anm.html

You might be looking for

table.anmeldung tr td:first-child { font-weight: bold; }

You might look into using the 'th' element instead though.
--
Björn Höhrmann · mailto:bj****@hoehrmann.de · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: [phone] · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/

[David Stone]

In article
<7v********************************@hive.bjoern.ho ehrmann.de>,
Bjoern Hoehrmann <bj****@hoehrmann.dewrote:

* Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:

I've tried to do this but it does not work.

table.anmeldung tr + td { font-weight:bold; }

This matches 'td' elements with a ('tr' sibling that is a child of a
(table element that belongs to the class 'anmeldung')). Since td and
tr do not occur as siblings, this matches nothing.

I'm looking for an easy way to bolden the left column in this table:
http://www.kunstwerk-jena.de/sommer_anm.html

You might be looking for

table.anmeldung tr td:first-child { font-weight: bold; }

You might look into using the 'th' element instead though.

That's what I did in an analagous situation: headings are in
the first column and data is in rows:
http://www.chem.utoronto.ca/courseno...inPortion.html

Surprisingly enough, it appears to work!

[Axel Siebenwirth]

This doesn't seem to work.

http://www.kunstwerk-jena.de/sommer_anm.html
http://www.kunstwerk-jena.de/default.css

Also tried the same with th.

Thanks,
Axel

Bjoern Hoehrmann wrote:

* Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:

>I've tried to do this but it does not work.

table.anmeldung tr + td { font-weight:bold; }

This matches 'td' elements with a ('tr' sibling that is a child of a
(table element that belongs to the class 'anmeldung')). Since td and
tr do not occur as siblings, this matches nothing.

>I'm looking for an easy way to bolden the left column in this table:
http://www.kunstwerk-jena.de/sommer_anm.html

You might be looking for

table.anmeldung tr td:first-child { font-weight: bold; }

You might look into using the 'th' element instead though.

[Bjoern Hoehrmann]

* Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:

>This doesn't seem to work.

http://www.kunstwerk-jena.de/sommer_anm.html
http://www.kunstwerk-jena.de/default.css

Then you are probably using HTML where tr elements are not children of
table elements, but rather children of an often invisible tbody child,
so use

table.anmeldung tbody tr td:first-child { font-weight: bold; }

>Also tried the same with th.

I meant as element in the markup in place of <td>.
--
Björn Höhrmann · mailto:bj****@hoehrmann.de · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: [phone] · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/

[Jonathan N. Little]

Bjoern Hoehrmann wrote:

* Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:

>This doesn't seem to work.

http://www.kunstwerk-jena.de/sommer_anm.html
http://www.kunstwerk-jena.de/default.css

Then you are probably using HTML where tr elements are not children of
table elements, but rather children of an often invisible tbody child,
so use

table.anmeldung tbody tr td:first-child { font-weight: bold; }

Rather than use the *child* selector where you must have the exact
"lineage", you know that the TD must be a descendant of the TABLE so you
can get want you want simply with the *descendant* selector:

table.anmeldung td:first-child { font-weight: bold; }

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com