Programlama pseudo-element

22

JQuery kullandıktan sonra :: before ve :: gibi CSS sözde öğelerini seçme ve değiştirme

JQuery kullanarak ::beforeve ::after(ve eski noktalı virgül içeren eski sürüm) gibi CSS sözde öğelerini seçmenin / değiştirmenin herhangi bir yolu var mı ? Örneğin, stil sayfam aşağıdaki kurala sahiptir: .span::after{ content:'foo' } JQuery kullanarak 'foo'yu' bar 'olarak nasıl değiştirebilirim?

943 javascript jquery css jquery-selectors pseudo-element

20

Giriş alanında a: before veya: after sözde elemanı kullanabilir miyim?

: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

8

CSS: değil (: son çocuk): seçiciden sonra

Ben böyle stil öğeleri, bir listesi var: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Çıkışlar One | Two | Three | Four | Five |yerineOne | Two | …

369 css css-selectors pseudo-element

6

Nasıl yazılır: a: before ve a: after?

Nasıl yazılır :hoverve :visitedkoşullandırılıra:before ? Deniyorum a:before:hoverama çalışmıyor

347 css css-selectors pseudo-element pseudo-class

12

CSS'deki bir görüntünün yüksekliğini değiştirebilir miyim: sahte elemanlardan önce /: sonra?

Bir görüntü kullanarak belirli dosya türlerine bağlantıları süslemek istediğimi varsayalım. Bağlantılarımı şu şekilde beyan edebilirim: <a href='foo.pdf' class='pdflink'>A File!</a> sonra CSS gibi .pdflink:after { content: url('/images/pdf.png') } pdf.pngBağlantı metnim için doğru boyutta değilse , şimdi bu harika çalışıyor . Tarayıcıya :afterresmi ölçeklendirmesini söyleyebilmek istiyorum , ancak hayatım boyunca doğru sözdizimini …

251 css pseudo-element

3

CSS içerik özelliği: Metin yerine HTML eklemek mümkün mü?

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

7

CSS: Yalancı öğeler nasıl kaldırılır (sonra, önce,…)?

Bir web sayfasındaki paragraf etiketlerinin yerleşimi için bir anahtar kullanmak istiyorum. After pseudoelement kullanıyorum: p:after {content: url("../img/paragraph.gif");} Şimdi bu CSS kodunu sayfadan kaldırmam gerekiyor. Bu nasıl kolayca yapılabilir? Bunu eklemek istiyorum: jQuery zaten sayfada kullanılıyor ve CSS içeren dosyaları dahil etmek veya kaldırmak istemiyorum.

236 javascript html css pseudo-element

3

Kombine: ile: hover

CSS (veya başka bir sözde seçici) :afterile birleştirmek istiyorum :hover. Temelde bir liste var ve selectedsınıf öğeyi kullanarak uygulanan bir ok şekli vardır :after. Üzerine gelinen ancak tam olarak çalışamayan nesneler için de aynısını istiyorum. Heres kodu #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: …

176 css css-selectors pseudo-element

2

css bir sözde döndürme: sonra veya: içerikten önce: “”

yine de sözde bir rotasyon çalışması yapmak için content:"\24B6"? Unicode sembolü döndürmeye çalışıyorum.

159 css rotation pseudo-element

9

Satır içi CSS ile sözde elemanlardan önce ve sonra CSS mi kullanıyorsunuz?

Satır içi CSS ( styleözniteliklerde CSS ) ile bir HTML e-posta imzası yapıyorum ve :beforeve :aftersözde öğeleri kullanmak mümkün olup olmadığını merak ediyorum . Öyleyse, satır içi CSS ile böyle bir şeyi nasıl uygulayabilirim? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html css css-selectors pseudo-element inline-styles

2

: sonra ve :: sonra

CSS 2.1 :afterile CSS 3 ::aftersözde seçiciler arasında herhangi bir işlevsel fark var mı ( ::aftereski tarayıcılarda desteklenmemesi dışında )? Yeni spesifikasyonu kullanmak için pratik bir neden var mı?

134 css css-selectors pseudo-element pseudo-class

4

Kullanarak: kalıba görüntü eklemek için CSS sözde öğesinden önce

ModalKesinlikle konumlandırılmış, ebeveyninin üzerinde z-endeksli ve JQuery ile güzel bir şekilde konumlandırılmış bir CSS sınıfım var . Kalıcı kutunun üstüne bir düzeltme resmi (^) eklemek istiyorum ve :beforebunu temiz bir şekilde yapmak için CSS sözde seçiciyi kullanmaya bakıyordum . Görüntünün kesinlikle modal üzerinde konumlandırılması ve z-endekslenmesi gerekiyor, ancak contentöznitelikteki görüntüye …

116 css modal-dialog pseudo-element

3

Aynı öğe için birden fazla: sözde öğeye sahip olabilir miyim?

: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

6

Sözde elemanlar için tek veya çift kolon gösterimi kullanmalı mıyım?

IE7 ve IE8 sözde öğeler için çift iki nokta gösterimini desteklemediğinden (örn. ::afterVeya ::first-letter) ve modern tarayıcılar :aftergeriye dönük uyumluluk için tek iki nokta gösterimini (örn. ) Desteklediğinden, yalnızca tek iki nokta gösterimini kullanmalı mıyım ve ne zaman IE8'in pazar payı ihmal edilebilir bir seviyeye düşüyor, kod tabanımda geri dön …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

3

CSS: belirli öğelere içerik eklemedikten sonra

CSS :afterözelliğinin davranışını anlamada sorun yaşıyorum . Spesifikasyona göre ( burada ve burada ): Adlarından da anlaşılacağı gibi, :beforeve :aftersözde öğeler, bir öğenin belge ağacı içeriğinden önce ve sonra içeriğin konumunu belirtir. Bu, hangi öğelerin bir :after(veya :before) özelliğe sahip olabileceği konusunda kısıtlamalar getirmiyor gibi görünüyor . Ancak, sadece belirli …

100 css pseudo-element

«pseudo-element» etiketlenmiş sorular