two class specific

[Jeff Thies]

We can do this:

<tr class="data odd">

Can we make a rule that applies when only both classes are present?
I suppose I could do this:

<table class="data">
<tr class="odd">...
<tr class="even">...

<table class="data2">
....

..data .odd{}

But it doesn't hurt to have another trick in the bag.

Jeff

[Michael Winter]

On Mon, 04 Oct 2004 14:16:19 GMT, Jeff Thies <je**@spamalanadingong.com>
wrote:

We can do this:

<tr class="data odd">

Can we make a rule that applies when only both classes are present?

Yes:

.data.odd {
}

An example of this is given in the CSS 2 Specification
(<URL:http://www.w3.org/TR/REC-CSS2/selector.html#class-html>).

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Jeff Thies]

Michael Winter wrote:

On Mon, 04 Oct 2004 14:16:19 GMT, Jeff Thies
<je**@spamalanadingong.com> wrote:

We can do this:

<tr class="data odd">

Can we make a rule that applies when only both classes are present?

Yes:

.data.odd {
}

An example of this is given in the CSS 2 Specification
(<URL:http://www.w3.org/TR/REC-CSS2/selector.html#class-html>).

Thanks.

Is this widely supported?

Jeff
[snip]

Mike

[Michael Winter]

On Mon, 04 Oct 2004 15:51:30 GMT, Jeff Thies <je**@spamalanadingong.com>
wrote:

Michael Winter wrote:
[snip]

.data.odd {
}

[snip]
Is this widely supported?

It's supported on more modern browsers, including IE thankfully. I don't
have many old browsers though, so I can't say how far back the support
goes.

Perhaps someone else will have a better idea.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Michael Fesser]

.oO(Jeff Thies)

We can do this:

<tr class="data odd">

Can we make a rule that applies when only both classes are present?
I suppose I could do this:

<table class="data">
<tr class="odd">...
<tr class="even">...

Why do you need a class on every row? And what's wrong with the class
"data" on the table-element? Do you really want to have _two_ classes
applied to _every_ row? I would try to keep the number of classes as
small as possible, which means to make more use of cascading rules and
descendant selectors.

Micha

[Jeff Thies]

Michael Fesser wrote:

.oO(Jeff Thies)

We can do this:

<tr class="data odd">

Can we make a rule that applies when only both classes are present?
I suppose I could do this:

<table class="data">
<tr class="odd">...
<tr class="even">...

Why do you need a class on every row?

I haven't written any of this yet. I don't see a problem with labeling
both odd and even rows and using whichever you want later. Worse code
bloat happens!

And what's wrong with the class "data" on the table-element? Do you really want to have _two_ classes
applied to _every_ row? I would try to keep the number of classes as
small as possible, which means to make more use of cascading rules and
descendant selectors.
I'll probably do that, set either the odd or even rows as a descendant
of the table class. I agree with minimizing number of classes to
increase readability.

This will all be server generated and styled from a gloabl stylesheet.
Some data looks good grey barred and some doesn't.

I probably won't use the double class here, but I have found it usefull
when you want to take the same generated html and use it for different
purposes.

Cheers,
Jeff


Micha

[Michael Winter]

On Mon, 04 Oct 2004 15:51:30 GMT, Jeff Thies <je**@spamalanadingong.com>
wrote:

Michael Winter wrote:
[snip]

.data.odd {
}

[snip]
Is this widely supported?

Whilst looking for something entirely different, I happened across this
page:

<URL:http://devedge.netscape.com/library/xref/2003/css-support/css2/selectors.html>

Though it is out-of-date, it does seem to indicate that (at least) major
browsers after the NN4/IE4 generation support multiple class selectors.

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.