CSS için nispeten yeni değilim, ve metin stil ve biçimlendirme değiştirmek için kullanılır.

Şimdi aşağıda gösterildiği gibi metin eklemek için kullanmak istiyorum:

<span class="OwnerJoe">reconcile all entries</span>

Olarak göstermek alabileceğimi umuyorum:

Joe'nun Görev: tüm girişleri uzlaştırmak

O sadece sınıf olma sayesinde "Sahibi", metin Joe's Task: görüntülenmesini istiyorum. Joe

Koduyla gibi yapabilirim:

<span class="OwnerJoe">Joe's Task:</span> reconcile all entries.

Ama bu çok gereksiz bir sınıf hem de metni belirtmek için gibi görünüyor.

Aradığım şey yapmak mümkün mü?

EDİTBir fikir bir Öğesini nerede <li> olarak kurmak için, "" metin "Joe Görev". bullet Çeşitli mermi için mermi stilleri ve görüntüleri bile ayarlamak için nasıl bir örnek olarak görüyorum. -Mermi listesi için metin küçük bir blok kullanmak mümkün mü?

Ama CSS2 yetenekli bir tarayıcı (tüm büyük tarayıcılar, IE8 ) gerektirir.

.OwnerJoe:before {
  content: "Joe's Task:";
}

Ama bunun için Javascript kullanmanızı tavsiye ederim. JQuery ile:

$('.OwnerJoe').each(function() {
  $(this).before($('<span>').text("Joe's Task: "));
});