Учитывая следующий HTML:
<div class="required">required only</div>
<div class="note">note only</div>
<div class="required note">required and note</div>
<div class="note required">note and required</div>
И 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/