Concatenate Classes...

[bubbisthedog]

Hello.

I've learned that you can concatenate CSS classes with the "&" (ampersand) operator, and was wondering if this was a *proper* way to utilize CSS. Are there detriments? I couldn't find any documentation on this.

Just curious...

Thanks a lot,

bubbis

[Kravvitz]

Where did you learn that?

As far as I know, "&" is not a valid CSS selector combinator.

[bubbisthedog]

Hi, Kravvitz. If you do this:

<style type=text/css>
.c1 {font-weight:bold}
.c2 {text-decoration:italic}
</style>

...and then this:

<div class="c1 & c2">bob</div>

you get bob. Was I not supposed to figure this out? HAHAHAHA

Regards,

bubbis

[NogDog]

Actually what is happening is that you are trying to assign three class names: "c1", "&", and "c2" (the separator for a list of classes is any whitespace character). Since "&" is not defined (and by definition cannot be since "&" is an invalid character for a CSS selector), the other two valid classes are being assigned to the element. In other words, you'll get the same effect with:

<div class="c1 c2">bob</div>

[Kravvitz]

Yes, in CSS2 an element can belong to more than one class -- it's a space delimited list.

The "&" is being ignored. Try it without the "&".

[bubbisthedog]

So then the ampersand wasn't a concatenation operator after all... Great to know. Thanks a lot for the responses, nogdog and Kravvitz!

Regards,

bubbis