Soru Css içerik özelliğini kullanarak html özel karakter (sağ ok) nasıl eklenir? [çift]


Bu sorunun zaten bir cevabı var:

Kodunu kullanarak html özel karakter eklemeye çalışıyorum. Benim div içinde kullandığımda onun iyi çalışıyor ama css kullanarak bunu nasıl yapabilirim.

Takip ettim.

.right-arrow:after {
    content:'&#9658'
}

DEMO

DÜZENLE

İstediğim şey Matt Ball'un cevabında yok çünkü doğru ok için kod istedim ve bu soruda sadece aşağı ok için kod var. Yani kopya değil.


36
2017-08-12 11:47


Menşei


w3.org/International/questions/qa-escapes - Quentin


Cevaplar:


Özel karakterler, sözde öğelerle biraz farklı çalışır. HTML varlıkları CSS'de kullanamazsınız, ancak Unicode hex escapes'i kullanabilirsiniz. Burada, özel karakterin sayısal değerini CSS değerine dönüştürmek için bir araçtır.

http://www.evotech.net/articles/testjsentities.html

Örneğin &#9658 olması gerekir \25BA

çalışma örneği:

http://jsfiddle.net/L6suy/

.right-arrow:after {
    content:'\25BA'
}

64
2017-08-12 11:49



Çok teşekkür ederim. Onun gerçekten güzel. - Jay Shukla
Sadece neden biraz daha açık yapmak için: CSS'de HTML varlıkları kullanamazsınız, ancak Unicode hex escapes kullanabilirsiniz - Sven Bieder
Sadece paylaştığınız bağlantı nedeniyle kışkırtıldı :) - Mr. Alien
@SvenBieder Teşekkürler, önerinizi cevaba ekledim - koningdavid
Sol oklara ihtiyacım vardı. Bu 25C4. Diğer varyasyonlar burada - codepoints.net/geometric_shapes - yazzer


<div class="right-arrow">Arrow</div>
.right-arrow:before {
    content:'\25BA';
}

Burada Demo bakın


3
2017-08-12 11:53



Evet, şimdi dönüştürücüyü aldım :) - Mr. Alien