Multiple selectors in rule

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Axel Siebenwirth - 08 Jul 2008 12:15 GMT

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

Reply to this Message

Bjoern Hoehrmann - 08 Jul 2008 12:50 GMT

* 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.

Signature

Björn Höhrmann · mailto:bjoern@hoehrmann.de · http://bjoern.hoehrmann.de
Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de
68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/

Reply to this Message

David Stone - 08 Jul 2008 13:28 GMT

In article
<7vk674huh3ovn56rsj0o35qiog7nbsdif2@hive.bjoern.hoehrmann.de>,

> * Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:
> >I've tried to do this but it does not work.
[quoted text clipped - 13 lines]
>
> 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/coursenotes/analsci/stats/LinPortion.html

Surprisingly enough, it appears to work!

Reply to this Message

Axel Siebenwirth - 08 Jul 2008 13:41 GMT

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

> * Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:
>> I've tried to do this but it does not work.
[quoted text clipped - 13 lines]
>
> You might look into using the 'th' element instead though.

Reply to this Message

Bjoern Hoehrmann - 08 Jul 2008 14:18 GMT

* 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>.

Signature

Reply to this Message

Jonathan N. Little - 08 Jul 2008 17:30 GMT

> * Axel Siebenwirth wrote in comp.infosystems.www.authoring.stylesheets:
>> This doesn't seem to work.
[quoted text clipped - 7 lines]
>
> 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; }

Signature

Take care,

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

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2008

Multiple selectors in rule