Recherche de texte et d'emballage avec étiquette dans une autre balise

Question

Il y a un texte pour une exception tel résultat:

<span class='sException'>Exception throwed. Please check details: 
Message:String was not recognized as a valid DateTime. 
Stack: at System.DateTimeParse.ParseExact(String s, String format, DateTimeFormatInfo dtfi, DateTimeStyles style) at ... 
</span> 

Je veux envelopper certains textes (Message :, Stack: et les textes entre eux) avec css. Donc, je veux avoir cette suite:

<span class='sException'>Exception throwed. Please check details: 
<b>Message:</b><span class='sMessage'>String was not recognized as a valid DateTime.</span> 
<b>Stack:</b><span class='stack'> at System.DateTimeParse.ParseExact(String s, String format, DateTimeFormatInfo dtfi, DateTimeStyles style) at ... </span> 
</span> 

Est-il possible de faire cela avec ACHIVE css?

quelque chose comme ça:

.sException{ text-align:left; border:1px solid red; } 
.sException[find text like 'Message:']{ display:block; font-weight:bold; text-indet:20px; } 
.sException[find text after 'Message:']{ display:block; font-weight:normal; text-indet:30px; } 
.sException[find text like 'Stack:']{ display:block; font-weight:bold; text-indet:20px; } 
.sException[find text after 'Stack:']{ display:block; font-weight:normal; text-indet:30px; } 

Answer 1

Css ne va pas générer des balises. CSS est de marquer les tags. Vous aurez besoin d'utiliser jquery pour analyser le contenu de .sException et formater les données

$('.sException').each(function() { 
    var content = $(this).text(); 
    if(content.indexOf('Message:') > -1) { 
    // wrap in span tags 
    } 
    // etc 
    $(this).html(content); 
}); 

Answer 2

Cela ne peut être fait avec css seul, vous avez besoin javascript aussi.

jQuery:

var $sException = $('.sException'), 
    _str_msg = $sException.text(); 
_str_msg = _str_msg.replace(/(Message:)/g, '<b>$1</b>'); 

$sException.html(_str_msg); 

Maintenant, vous pouvez ajouter un css class ainsi dans la chaîne remplaçant (<b class="anything">)