PDA

View Full Version : inheritance issue



haithamedrees23
Dec 17th, 2010, 02:28 PM
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
Dec 17th, 2010, 03:23 PM
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
Dec 17th, 2010, 03:44 PM
thanks , I will follow the second solution