Two ::after pseudo-elements [duplicate]

这一生的挚爱 提交于 2019-11-29 10:38:22

问题


Possible Duplicate:
Adding pseudo-elements after pseudo-elements

I'd like to apply two css ::after pseudo-elements to a single DOM element, each with a different colour. (Yes, I could wrap the DOM element in another DOM element and give each one and ::after pseudo-element, but my preference is cleaner html.)

I doubt it's possible, but wonder if someone can tell me better.

I especially doubt the possibility of chaining ::after pseudo-elements together so that one ::after pertains to another, which pertains to a DOM element, but if anyone knows how to make that happen, please do tell.


回答1:


You can use a :before pseudo-element in addition to your :after - http://jsfiddle.net/BePSq/




回答2:


You can't add two ::after pseudo-elements to one DOM element. You can however add an ::before additionally. Depending on what you are trying to accomplish, this may work.




回答3:


You can use both the :before and :after pseudo-elements simultaneously on one DOM element. Just make sure you position them correctly. I believe :before places the psudo-element before the parent one, while :after places it after in the html. You can only use these two however and cannot add more pseudo-elements than that.



来源:https://stackoverflow.com/questions/10855890/two-after-pseudo-elements

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!