2012-06-01 24 views
20

Olası Çoğalt:
Adding pseudo-elements after pseudo-elementsİki :: after sözde elemanları

farklı bir ile iki CSS tek DOM öğesine ::after sözde elemanları, her uygulamak istediğiniz renk. (Evet, başka bir DOM öğesinin DOM öğesi sarın ve her biri ve ::after sözde elemanla vermek, ama benim tercihi temizleyici html olabilir.)

Mümkün olduğunu şüphe ama birisi daha iyi bana söyleyebilir merak ediyorum.

::after sözde öğelerin zincirleme olasılığından şüpheleniyorum, böylece bir ::after bir DOM öğesine ait olan diğerine ait olduğundan, ancak bunun nasıl yapıldığını bilen biri varsa lütfen söyleyin.

+0

Zaten ':: before' kullanıyor musunuz? – thirtydot

+0

Üzgünüm. Soruyu aradığımda bu kopyayı bulamadım. Kapatmak için oy kullandım (ancak birileri kestirildiği için şimdi silemiyorum). – JellicleCat

cevap

29

Sen ek olarak bir :before sözde elemanla kullanabilir.NEWLINENEWLINEKonum :after - http://jsfiddle.net/BePSq/

+0

bu harika !!!!! –

+3

Gelecekte, bu, [: after (2)] (http://www.w3.org/TR/css3-content/#inserting0) – Safareli

6

Bir DOM öğesine iki ::after sözde öğesi ekleyemezsiniz. Ancak ek olarak ::before ekleyebilirsiniz. Neyi başarmaya çalıştığınıza bağlı olarak, bu işe yarayabilir.

+1

Bir DOM öğesine psödo öğelerinden sonra iki :: nasıl eklenir? Herhangi bir örnek? – Experimenter

1

kullanabilirsiniz hem: before ve: bir DOM öğesindeki aynı anda after sözde elemanları. Sadece doğru şekilde yerleştirdiğinizden emin olun. İnanıyorum ki: önce psudo-elementi ebeveynlerden önce yerleştirir, sonra: html'den sonra yerleştirir. Ancak bu ikisini yalnızca kullanabilirsiniz ve bundan daha fazla sözde öğe ekleyemezsiniz.

+0

Kullanılarak elde edilebilir. Her ikisi de ana öğenin alt öğesidir. , öğe içeriğinden önce '' önce' ile görünür ve '' sonra' son olarak gelir. – Conan