Question

Hy,

I am new to CSS and trying to understand it. In the code below, how is the style interpreted/ read to understand it. Whether the style def would apply to list and ul elements under a div that uses the class “p220mid” or what how this works. Could you guys give sample.

.p220mid ul li
{
    background:transparent URL('images/bline.gif') repeat-x bottom;
    width:205px;
    height:28px;
    margin-left:4px;
    padding-left:4px;
    color:4c76a0;
}

Thanks,
Appu.

Answer 1

What you have there will target all the li elements in a ul inside all elements with a class of p220mid.

If you want to target all ul and all li elements in your div you want .p220mid ul, .p220mid ul li