Вопрос? Разные цвета для разных значений css

Короче тут пришла мысль, можно ли как-то сделать чтобы для разных значений качества, были разные цвета подложки, т.е. у меня на обложке отображает качество через xfvalue, может исть какая-то проверка значений в css чтобы он подставлял цвета или это только через скрипты возможно реализовать?

 

В css нельзя, через js можно

 

[ifxfvalue quality="Трейлер"] <div style="background: #676;"></div> [/ifxfvalue]
так для каждого качества

 

Выкладываю что есть. Далее сами
Ваше качество в

Код:

<div class="movie-qual">CAMRip</div>

один цвет в css

Код:

.movie-qual.red {background-color: tomato; color: white;}

в ваш js файл

Код:

$(document).ready(function(){
    $('.movie-qual').each(function(){
        var q = $(this),
            qt = q.text();
        if (qt == 'HDRip') {q.addClass('blue')};
        if (qt == 'BDRip') {q.addClass('pink')};
        if (qt == 'TS') {q.addClass('green')};
        if (qt == 'DVDRip') {q.addClass('orange')};
        if (qt == 'FullHD') {q.addClass('red')};
        if (qt == '3D') {q.addClass('violet')};
    });
});

 

Второй вариант. Быстрее, но есть свои нюансы
js

Код:

$(document).ready(function(){
    $(".movie-qual").each(function() {
        var a = $(this).text().toLowerCase();
        $(this).addClass(a)
    });
});

и цвет в css

Код:

movie-qual.camrip {background-color: tomato; color: white;}

 

И будет не сайт, а светофор.