CSS: disable parent div , and display only children div?
===

I a working on joomla sidebar of rockettheme templates and i want to disable all property of parent div module-inner3 (disable background, padding, border..etc) , only display children div customright_content .

i can do it by replace all code from  right_content to module-inner3 in template.css, but issue that i need to reuse module-inner3 for other pages, so if i replace that, it gonna break all other pages.

are there a way i can solve this ? 


html code

    <div class="module-inner3">
    <div class="customright_content">
    blablad
    </div>
    </div>

css code

    module-inner3{
    background: url("../images/shadows/light/module-top2.png") repeat-x scroll 50% 0 transparent;
    padding: 15px 6px 0 6px;
    }

    customright_content {
    background: url("../images/background.png") repeat-x scroll 50% 0 transparent;
    }

		