inheritance issue

[haithamedrees23]

Hello Dears

I have the below structure in my CSS file


.rightside .box{ border:1px solid #cbabab; background:url(../Images/boxbg.jpg) repeat-x left top; padding:5px; margin-bottom:15px }


.collection .box{ border:1px solid #d3d3d3; background-color:#fbf8f8; margin-bottom:10px; padding:6px}


how to prevent box within collection class from inherit the properties within rightside class

Thanks in advance

[NoeG]

is .box a class of its own? ..what I would do is take out .box and just make it .rightsite and .collection or if you need to be more specific .rightsidebox and .collectionbox and that should work

[haithamedrees23]

thanks , I will follow the second solution