CSS для свойств и полей

Возникла необходимость оформить таблицу свойств и заодно поля. Как?

Немного подробней. Я просто не могу сообразить. Как присвоить стиль конкретному свойству или полю. Например: имеем свойство стороны света, которое определяетмя простым списком. Если выбрано север, то надпись должна быть синей, юг — красной и т.д. Задать индивидуальный класс для свойства не проблема, а вот для значения свойства...

Логика идет по пути добавления чего-то в форму добавления свойства, но простой список перечисляется в текстовом поле. В базу он попадает просто под номером (id).

Вопрос для тех кто знает cms. Как? Или куда копать?

У каждого поля есть несколько классов, определяющих тип поля. У значений, тоже есть общий класс. Например для списка
Присваивайте.
Или я не так понял?

Или я не так понял?

Значение поля (Север), может быть другим (Юг, Восток, Шапокляк и т.д.). И нужно каждое значение стилизовать по своему. Да и вроде как про свойства шла речь, а не про поля.

Вот вариант для свойств (нашел где-то в интернете):

Или я не так понял?

Значение поля (Север), может быть другим (Юг, Восток, Шапокляк и т.д.). И нужно каждое значение стилизовать по своему. Да и вроде как про свойства шла речь, а не про поля.

Вот вариант для свойств (нашел где-то в интернете):

 
$(document).ready(function(){
    $(".content_item_props .value").html(function(index, text) {
    return text.replace(new RegExp("север", 'g'), "север")
    });
    $(".content_item_props .value").html(function(index, text) {
    return text.replace(new RegExp("юг", 'g'), "юг")
    });
});
 

СПАСИБО +++!!! Я так понимаю, что на сегодняшний день это единственный рабочий вариант.