How to use pseudo elements to do Page number Abstract in CSS3

This article mainly shows you "CSS3 how to use pseudo elements to do page number summary", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "CSS3 how to use pseudo elements to do page number summary" this article.

CSS3 uses pseudo elements to make a page number summary a {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display: flex;-webkit-flex-flow: row nowrap;-ms-flex-flow: row nowrap; flex-flow: row nowrap;-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline; align-items: baseline; text-decoration: none -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out;} a::before {height: .1em;-webkit-box-flex: 1;-webkit-flex: 11 auto;-ms-flex: 11 auto; flex: 11 auto;-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1; order: 1 Background: left bottom/contain repeat-x url (data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDIiPjxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjMuNSIgY3k9IjEiIHI9IjEiLz48L3N2Zz4=); content:';} a::after {- webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2; order: 2; content: "p." Attr (data-page);} the above is all the content of the article "how to use pseudo elements to make a page number summary in CSS3". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!