Multiple Classes in "class" ok?

[Will Hartung]

Can someone clarify that multiple classes in the "class" attribute are ok
and "legal" and not some fluke?

So, I can do:

..pink {color: pink}
..bold {font-weight: bold}
..medium {font-size: 12pt}

<p class="bold pink medium">bold pink medium sized text</p>

You can use multiple classes, but not multiple id's, so id="this that other"
is wrong.

Most every example of classes only asserts one class.

Thanx!

Regards,

Will Hartung
(wi***@msoft.co m)

[Barbara de Zoete]

On Thu, 3 Feb 2005 10:47:18 -0800, Will Hartung <wi***@msoft.co m> wrote:

Can someone clarify that multiple classes in the "class" attribute are ok
and "legal" and not some fluke?

They are 'legal', yes, as gets explained in this group about fifty times a year
:-(
So, I can do:

.pink {color: pink}
.bold {font-weight: bold}
.medium {font-size: 12pt}

No, you can't. Again, as gets explained in this group about fifty times a year,
using pt as unit for font-size is a bad idea. Google for the reason.
<p class="bold pink medium">bold pink medium sized text</p>

Well, this could be okay. I do not like your choice of selectors, class names
though. Use something semantic so you remember why you put a class with an
element. And be very careful with names that are attributes, properties, values,
what ever. Confusion is close by if you do that.
You can use multiple classes, but not multiple id's, so id="this that other"
is wrong.

What would be the use? How would you refer to the element with a multiple id?
You could however write id="this" class="that other".

I'm actually not really sure if one can use multiple values for one id
attribute. Maybe someone else. I don't want to go Google for it or dig down
<http://www.w3.org/TR/html401/struct/global.html#ade f-id>. Maybe you can look
there yourself.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Stanimir Stamenkov]

/Barbara de Zoete/:

On Thu, 3 Feb 2005 10:47:18 -0800, Will Hartung <wi***@msoft.co m> wrote:

Can someone clarify that multiple classes in the "class" attribute are ok
and "legal" and not some fluke?

They are 'legal', yes, as gets explained in this group about fifty times
a year :-(

It's a damn good number ("fifty per year"), I think. :-)

--
Stanimir

[Michael Winter]

Barbara de Zoete wrote:

On Thu, 3 Feb 2005 10:47:18 -0800, Will Hartung <wi***@msoft.co m>
wrote:
[snip]

So, I can do:

.pink {color: pink}
.bold {font-weight: bold}
.medium {font-size: 12pt}

No, you can't.

That's rather misleading on two levels. First, I initially assumed you
were objecting to syntax, however there's nothing wrong in that
respect. I think you could have phrased your objection better. Second,
the OP *can* use pt units, but what one can do and what one *should*
do can be very different things.
I'm actually not really sure if one can use multiple values for one
id attribute.

It doesn't make any sense to do so. An id is a unique value so what
could be gained by having more than one of them? Moreover, the ID data
type doesn't permit spaces so a space-separated list wouldn't be possible.

Mike

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

[Spartanicus]

"Barbara de Zoete" <b_********@hot mail.com> wrote:

I'm actually not really sure if one can use multiple values for one id
attribute.

Nope (and multiple id attributes is also not valid :)

--
Spartanicus

[Will Hartung]

"Michael Winter" <m.******@bluey onder.co.invali d> wrote in message
news:b3******** ********@text.n ews.blueyonder. co.uk...

Barbara de Zoete wrote:

On Thu, 3 Feb 2005 10:47:18 -0800, Will Hartung <wi***@msoft.co m>
wrote:

[snip]

So, I can do:

.pink {color: pink}
>> .bold {font-weight: bold}
>> .medium {font-size: 12pt}

No, you can't.

That's rather misleading on two levels. First, I initially assumed you
were objecting to syntax, however there's nothing wrong in that
respect. I think you could have phrased your objection better. Second,
the OP *can* use pt units, but what one can do and what one *should*
do can be very different things.

Funny, I WAS going to put:

..medium {font-size: 12px}

But I figured I would get screamed at, even though I was just curious about
the syntax and contrived an example.

Regards,

Will Hartung
(wi***@msoft.co m)

[Mark Carroll]

In article <36************ *@individual.ne t>,
Will Hartung <wi***@msoft.co m> wrote:

Can someone clarify that multiple classes in the "class" attribute are ok
and "legal" and not some fluke?

So, I can do:

.pink {color: pink}
.bold {font-weight: bold}
.medium {font-size: 12pt}

<p class="bold pink medium">bold pink medium sized text</p>

(snip)

Yes, that's fine - certainly it's in the CSS2.1 specification.
Browser support may be another matter: ISTR there's at least one
common browser that has problems with it, but I forget which.

-- Mark

[Michael Winter]

Mark Carroll wrote:

[snip]

ISTR there's at least one common browser that has problems with it,
but I forget which.

Both NN4 and IE4 fail to respect multiple class names. No style is
applied in that case. However, I wouldn't call either "common". I'm
not sure if other user agents act similarly.

Mike

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

[Lauri Raittila]

in comp.infosystem s.www.authoring.stylesheets, Mark Carroll wrote:

In article <36************ *@individual.ne t>,
Will Hartung <wi***@msoft.co m> wrote:

Can someone clarify that multiple classes in the "class" attribute are ok
and "legal" and not some fluke?

So, I can do:

.pink {color: pink}
.bold {font-weight: bold}
.medium {font-size: 12pt}

<p class="bold pink medium">bold pink medium sized text</p>

(snip)

Yes, that's fine - certainly it's in the CSS2.1 specification.
Browser support may be another matter: ISTR there's at least one
common browser that has problems with it, but I forget which.

Not with that syntax, I believe, but things like .pink.bold {
color:yellow;fo nt-weigh:normal;} don't work as well.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

[Del Ferguson]

"Mark Carroll" <ma***@chiark.g reenend.org.uk> wrote in message
news:Sc*******@ news.chiark.gre enend.org.uk...

In article <36************ *@individual.ne t>,
Will Hartung <wi***@msoft.co m> wrote:

Can someone clarify that multiple classes in the "class" attribute are
ok
and "legal" and not some fluke?

So, I can do:

.pink {color: pink}
.bold {font-weight: bold}
.medium {font-size: 12pt}

<p class="bold pink medium">bold pink medium sized text</p>

(snip)

Yes, that's fine - certainly it's in the CSS2.1 specification.
Browser support may be another matter: ISTR there's at least one
common browser that has problems with it, but I forget which.

-- Mark

Mark,

My "not-so-original" multiple classes ( class="navy small justify" )
seem to work fine with IE6 and Firefox. Doesn't that cover about 75% of
the World? Pages and CSS validate at W3C.

Del Ferguson