[campbell]

On a website I am making, if i have two divs, one called "right" and the other "left" and I want the <strong> text to appear different in both, would I do something like this in the css file.

. right strong{
color: 123456;

}

. left strong{
color: 654321;

}

[haku]

Yes, assuming that left and right are classnames and not ids.

Also you need a # before the color ids.

[campbell]

ok, so there is no symbol like a period or underscore between "right" and "strong"?

[Heka1]

Nope, you have it right.

[rustybones]

Maybe there shouldn't be a space between the full stop and the class name.

For example you have:

. left strong {
color: 123456;
}

it should be more like this:

.left strong {
color: #123456;
}

you should probably have the hash in front of your colour code too

[haku]

Good eye on the space - I didn't see that!

[wheedwacker]

Originally Posted by haku

Good eye on the space - I didn't see that!

neither did I.

[paulmsmith]

There is a nice document explaining CSS Specificity here:
stuffandnonsense.co.uk/archives/css_specificity_wars.html.

[campbell]

So, in this case, (shown below) I have a script for rounded corners. However, I can't find a way to make it be specifictly for the "right" or the "left"

CSS CODE

div#right{ margin: 0 10%;background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

HTML

<div id="right">

<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

BLAH BLAH BLAH. Text goes here.

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>


</div>

[.sleep]

Originally Posted by campbell

b.rtop, b.rbottom{display:block;background: #FFF}

div#right b.rtop, div#right b.rbottom{display:block;background: #FFF}

repeat as necessary

[campbell]

One question, what is the point of putting "div" infront of "#right"?
Just wondering, because some poeple do it with it and some people do it without.

[haku]

Adds more specificity.