css的伪元素（Pseudo elements of CSS）.docVIP

css的伪元素（Pseudo elements of CSS） Pseudo elements of CSS: Tags div:before, div:after In the CSS tag, there are such labels, div:before, div:after, for before, after, some people are quite strange, then what are these two labels? Whats the use of it? Befor: after is a pseudo element of CSS. What is a pseudo element? Pseudo elements are used to set special effects to some selectors. We use the CSS manual to query its basic usage: E:before/E:: what happens before before is set in front of the object (according to the logical structure of the object tree). Used with the content property E:after/E:: what happens after the after is set to the object (according to the logical structure of the object tree). Used with the content property Ie6-7 does not support Now that youre talking about before and after, lets get a general idea of content, content for use with: after and before pseudo elements, and display content before or after objects. The basic usage is as follows: Div:after{content:arbitrary string}. Now we probably know the general usage of before and after, then we can insert new content before or after the content of the element. And the inserted content, we can also use CSS style to control and beautify. Maybe in the usual like this label is not very useful, but there is truth, ha ha, must have his magical place, today to see a photo of fashion focus map creative production by before and after, then making the border line we can completely abandon the picture of the practice, and do it very fine. Ideas and ways of making: 1, in the picture layer add a layer of div, set up a 1 pixel border, border lines have up and down about four frames, and we just want small similar triangles every two frame line shape, then we as long as the middle part of the four frame lines removed, it would not realize our results. So how do we get rid of the middle part of the four lines? Or cover him with something to keep him from showing it? The solution is that, as we know, before and a