|
Posted by Noozer on 08/10/05 14:20
I have the following CSS classes defined... "result", "row" and "title"
How do I declare each of these in my CSS page so that row and title will
only be applied when within elements with the "result" class?
For example...
<div class="result">
<span class="title">My Example</span>
<span class="row">This is the first row.</span>
<span class="row">
<span class="title">My Subtitle</span>
<p>This text is part of the second row. It should have a title above
it</p>
</span>
</span>
</span>
</div>
Right now, in my CSS file I have...
..results {
background-color: red;
}
..results .row {
display: block;
white-space: nowrap;
}
..results .title {
font-weight: bold;
text-align: center;
background-color: green;
}
....but if I put a "title" span within a "row" span, it doesn't apply the
"title" styling.
Navigation:
[Reply to this message]
|