[thelist] CSS: Why does this work?
Tanner Burson
tanner at younet.okstate.edu
Tue Apr 6 11:13:43 CDT 2004
*This message was transferred with a trial version of CommuniGate(tm) Pro*
Good morning, afternoon, evening,
<style type="text/css">
* { font: 1em serif; }
.a { position: absolute; z-index: 2; top: 10; left: 10; padding: 10px;}
.b { z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding:
0px; margin: 0px; align:center;}
</style>
Then down in the code...
<div class="test a">
This is a test.
</div>
works the same as...
<div class="a">
This is a test.
</div>
Why does the div work when you enter either "test a" or just "a" in the
class field? As a random test, "cow a" works too.
Thanks!
Rob.Smith
--
It works because the class tag can take multiple classes separated by
spaces. So class="test a" is actually saying inherit the properties of both
the "test" and the "a" classes.
Tanner Burson
---
More information about the thelist
mailing list