Override embedded CSS with linked CSS?

Hi can anyone tell me if I can override embedded CSS with a linked stylesheet?

Here is what I want to change:


I want to change the background-color without changing anything in the above mentioned code, this means I want to change it with an extern stylesheet.

you want to use js, not css for this.

basically, call a js function like this one:

function chgCss(objId)
{
document.getElementById(objId).style.backgroundColor = "#333" ;
}

nice and easy, m8

Ok little confused now

I don't really get it anymore, should I put that in my CSS or in my HTML?

Pleaze advise

Place the external CSS link below the inline CSS.

Ehm.... I forgot to say that I can't change anything in my HTML page, I don't have permission for this.
The page is been requested from a company's server, this company want me to change the layout. But the only thing I have permission to change is the extern CSS file

If I would have permission to change the HTML page I would have been done already

Or try using the !important setting on your property within your css selector in your linked style-sheet.

Hope that helps,

-D

inline css always overrides external stylesheets. basically, given the the html you've shown and that you cannot change it, you're not gonna be able to change the styles of specific elements, only generically.

in an external stylesheet, you can write:

col{background-color: #333 !important}

but that would change all elements of that type, not a specific one.

basically, you'll need access to the html to make any proper changes.

btw: never use inline or head based styles. always use class names linked to external stylesheets. that way your site is more easily configured.

Thanks a lot man! It worked out just fine
I've been strugling for 2 days on this code