CSS伪元素选择器:before和:after

CSS 中的伪元素选择器:before 和:after，按照其官方的说法，是在被选中的元素的内容之前插入内容。根据最近几次的实践，我觉得所谓被选中的元素，需要是能包含其他元素的元素，比如<label>,<p>,<div>，等，他们之中可以插入其他的元素，比如<p><input type="text" /></p>,如果用p:before{content:"666";}，就会在<input/>元素前面插入“666”，相反，其他不能包含元素的元素则不能使用此功能，比如<input>,css:input:before{content:"666";}则没有用。