Question

Is it possible to search the CSS by property:value instead of selector/attribute? Or would this need to be parsed via server script?

If it is possible I would plan to create a script which automatically adds the IE7 hack if the selector has: display: inline-block because I am fed up of writing *display: inline; zoom: 1;

Answer 1

This code should allow you to process something if the element is styled as inline-block.

$("body *").each(function (i) {
    if ($(this).css('display') == "inline-block") {
        //inline block - do what you need to do
        this.style.color = "blue";
        alert($(this).css('display'));            
    }
});

See the jsfiddle for working example http://jsfiddle.net/nevtn/

Here would be the entire script you need:

$(document).ready(function(){

if ($.browser.msie  && parseInt($.browser.version, 10) === 7) {
    $("body *").each(function (i) {
        if ($(this).css('display') == "inline-block") {
            //inline block - do what you need to do
            $(this).css({'display':'inline', 'zoom':'1'});  
        }
    });
}

});​

example demo (faked IE7) http://jsfiddle.net/nevtn/5/