CODEWITHSUNDEEP
css
Joe.wang
Joe.wang

Reputation: 11791

How to clear the parent css

Say you had a Css style defined below .

div
{
    background: url(themes/default/images/backgrounds/lh-navigation.png) repeat-x;
}
.child
{
    backgroud-color:#FFFFFF;
}

<Div id="tempDiv" class="child"></Div>

I don't want the backgroud style applied to element tempDiv. How can i remove the parent style for the a specified div element. Is there any way to make it ?thanks

Upvotes: 0

Views: 308

Answers (2)

richoffrails
richoffrails

Reputation: 1033

In CSS children inherit properties from parents. You'll have to override the style of the parent in your child style declarations. In this case, since it is a background you are trying to override your .child style declaration will look like this:

.child {
  background-image: none;
  background-color: #FFFFFF;
}

As the others above have pointed out you could also expand on the selector and write a new rule for the id attribute on the element:

 #tempDiv {
   background: none;
 }

Upvotes: 2

karthikr
karthikr

Reputation: 99630

try:

.child#tempDiv{
   background: none;
}

note the absense of whitespace between the id and class since it is on the same element.

Upvotes: -1

Related Questions