css: simple thing never known answer to; how to say if element is this class as well as that class?

unwashed potato! · 17 Aug 2010 at 20:15

say i have the following...

<a href='#' class='recentAlt ca1 c'></a>

how in css would i style it so i say if the link is recentAlt as well as c?

simisker · 17 Aug 2010 at 20:32

You mean 'IF <a> has a class of recentAlt AND a class of c THEN apply new styling rules'?

You can't. At least not with CSS alone.

unwashed potato! · 17 Aug 2010 at 20:35

simisker said:
You can't. At least not with CSS alone.

dang

FabienO · 17 Aug 2010 at 21:06

Could you not use PHP based CSS and then put the stylesheet below the rest? I'm unsure if this would work...

http://www.codewalkers.com/c/a/Miscellaneous/Dynamic-CSS-with-PHP/

Tripnologist · 17 Aug 2010 at 22:59

You certainly can. Multi-class selectors work in everything except for IE6.

a.recentAlt.c { }

MuGeN · 17 Aug 2010 at 23:00

a.recentAlt { style }
a.c { style }
a.recentAlt.c { style }

What's wrong with this?

edit: beaten to it

unwashed potato! · 17 Aug 2010 at 23:48

genius! always hated not knowing the answer to this so really appreciate the help. my mistake was to leave a gap between recentAlt and c

simisker · 18 Aug 2010 at 07:15

Right, that's it. I'm taking up pig farming.

sparkey196 · 18 Aug 2010 at 07:48

Off topic but you should use double quotes for html attributes.

unwashed potato! · 18 Aug 2010 at 08:55

sparkey196 said:
Off topic but you should use double quotes for html attributes.

but it's easier to right single ones

gord · 18 Aug 2010 at 10:27

simisker said:
You mean 'IF <a> has a class of recentAlt AND a class of c THEN apply new styling rules'?

You can't. At least not with CSS alone.

How have you survived? :eek:

Tripnologist · 18 Aug 2010 at 10:32

Mammalian said:
genius! always hated not knowing the answer to this so really appreciate the help. my mistake was to leave a gap between recentAlt and c

No problem.

simisker said:
Right, that's it. I'm taking up pig farming.

I wouldn't feel bad, It may be simple and kind of common sense once you know about it, but I don't think it's actually that well known as it wasn't really viable to use when aiming for IE6 compatibility. Now that IE6 doesn't matter so much though, it's handy to know.

gord · 18 Aug 2010 at 10:52

Tripnologist said:
I wouldn't feel bad, It may be simple and kind of common sense once you know about it, but I don't think it's actually that well known as it wasn't really viable to use when aiming for IE6 compatibility. Now that IE6 doesn't matter so much though, it's handy to know.

That is true, I haven't read a CSS tutorial for some time, but I don't remember seeing it explain multiple selectors, or child selectors, or adjacent selectors. They are nicely documented in the W3C spec though.

The holy grail of selector information: http://www.w3.org/TR/CSS2/selector.html