Question

I have a Soft.CSS file which has following class

.check_out {
width:58px;
background-image:url(/a/i/softadd/checkout.gif);}

What i want to do here is change this Class ( please note that i DO NOT have access to Soft.CSS as it is fed from some other server ) to

.check_out {
width:58px;
background-image:url(/myserver/checkout.gif);}

How do i do it ? using CSS ? Using Jquery ?

Answer 1

I think it would be enough if you make sure that your piece of css comes AFTER the Soft.css file. Most browsers only pick the last definition they find when they find double entries of the same identification.

Elsewise, you could parse the Soft.css file with PHP and do some regex on background-image and find the file name.

UPDATE
An alternative answer:

Have you thought of adding another class on every element that has the check_out-class? You could write your own css on some other class like check_out_ow and add it with jQuery:

$(document).ready(function()
{
    // every element gets an extra class with custom information
    $('check_out').addClass('check_out_ow');
});

I’m not sure, but I hope that the information of two classes lies deeper than of one class. Your css could look like:

.check_out.check_out_ow {
width:58px;
background-image:url(/myserver/checkout.gif);}