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

  • FF Radio

    FF Radio

    16 Mayıs 2008
  • iZAPPA

    iZAPPA

    16 Temmuz 2010
  • SPBedition

    SPBedition

    24 HAZİRAN 2013