«css-content» etiketlenmiş sorular

HTML objeleri eklemek için CSS content özelliğini nasıl kullanıyorsunuz ? Bunun gibi bir şey kullanmak, sadece  kırılmayan alan yerine ekrana yazdırılır : .breadcrumbs a:before { content: ' '; }

1013 html  css  html-entities  css-content 

:afterBir inputalanda CSS sözde öğesi kullanmaya çalışıyorum , ama çalışmıyor. A ile kullanırsam span, sorun olmaz. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Bu işe yarar (suratı "buu!" Ve "biraz daha" önce koyar) <span class="mystyle">buuu!</span>a some more Bu işe yaramaz - sadece bazı renkleri renklendirirKırmızıyla değer, ancak gülen yüz yok. …

686 html  css  pseudo-element  css-content 

Sadece bir şekilde CSS contentözelliğinin html kodu yerine dize :beforeveya :afterbir öğe eklemesinin mümkün olup olmadığını merak etmek : .header:before{ content: '<a href="#top">Back</a>'; } bu oldukça kullanışlı olurdu ... Javascript ile yapılabilirdi ama bunun için css kullanmak gerçekten hayatınızı kolaylaştıracak :)

246 html  css  pseudo-element  css-content 

Aşağıdaki kodların hiçbiri çalışmaz: p:before { content: " "; } p:before { content: " "; } Öğenin içeriğinden önce beyaz boşluk nasıl eklerim? Not: Anlamsal kullanım için sol kenar ve sol kenar boşluğunu renklendirmem ve alanı renksiz kenar boşluğu olarak kullanmam gerekiyor. :)

118 css  unicode  space  css-content 

:beforeAynı öğe için birden fazla takma ad olabilir mi? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Yukarıdaki stilleri jQuery kullanarak aynı öğeye uygulamaya çalışıyorum, ancak yalnızca en yeni olanı uygulandı, ikisi de asla.

116 css  css-selectors  pseudo-element  css-content 

Tarayıcının neden yalnızca ilk öğe için çift açık tırnak gösterdiğini merak ediyorum. İkinci öğenin bunun yerine tek tırnak işaretleri vardır. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet

89 html  css  pseudo-element  css-content