Добавление контента с помощью нескольких CSS :после классов

Учитывая следующий HTML:

required only
note only
required and note
note and required

И CSS:

.required:after { content: " *"; color: red; }
.note:after { content: " +"; color: red; }

Результат в Firefox 11:

required only *
note only +
required and note +
note and required +

Где указано более одного класса (.required и.note)Я хотел бы чтобы к элементу были добавлены как «*», так и «+», чтобы:

required and note *+
note and required +*

Возможно ли это с использованием чистого CSS, и если да, то как?

Редактировать:Вот ссылка на jsfiddle для этого примера:http://jsfiddle.net/xpZST/