Advanced CSS Selector - Select based on styling

Question

Performance issues aside, is it possible to use a style as a selector? For example, something like:

div[background-image=\"img/someimg.jpg\"] {opacity:.5}
         


        

Answer 1

I'd suggest manipulating CSS classes rather than individual styles in this case. For example:

div.some-img
{
    background-image: url('img/someimg.jpg');
}

div.some-img-fade
{
    opacity: 5;
}

......

$('div.some-img').each(function() { $(this).addClass('some-img-fade'); });