SORU
29 NİSAN 2010, PERŞEMBE


Kullanarak metin eklemek için CSS

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ü?

CEVAP
29 NİSAN 2010, PERŞEMBE


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: "));
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Google Developers

    Google Devel

    23 AĞUSTOS 2007
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013
  • UCBerkeley

    UCBerkeley

    3 Mayıs 2006