CSS Inherit Problem

drndrw

Hey, I am currently writing the CSS for a project of mine. It is working fine, except for one thing- the <p> tag is inheriting the <table> tag's CSS. Is there any way to stop this or at least make the <p> tag's CSS more important than the <table>'s? Thanks.

-drndrw

Roger_Ramjet

EH?

If you want to change the css for <p> inside <table> then you write

table p {
...
}

drndrw

That does not seem to work 🙁. I should probably explain my problem in a bit more detail. I currently have a filter on my table CSS to lower the opaticty. The same thing is happening to my <p> css. How can I stop this? Thanks.

NogDog

Seems like you can get it to work in IE if you assign position: relative to the paragraph, but I can't get it to work in Firefox:

table.test {
   background-color: white;
   color: black;
   opacity: .5;
	filter: alpha(opacity=50);
}
table.test p {
   background-color: white;
   position: relative;
   opacity: 1;
   filter: alpha(opacity=100);
   z-index: 3;
}

drndrw

Ah okay. I think the site where I got that from also explained a work around for Firefox as well.