Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "what is the composition of CSS pseudo elements". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "what is the composition of CSS pseudo elements" can help you solve the problem.

Set up

Border-radius:0px 5px 5px 0px; represents the upper-right and lower-right fillet of the border is 5px

Box-shadow:0px 0px 1px # fff inset; represents the border spacing 0 to the left, 0 to the top 0 and 1px shadow scale shadow color to white

Inset represents the shadow inside the box without inset representing the shadow outside the box.

Note: box-shadow:0px 0px 1px # fff

When the first value is 0, the shadow of the left and left border is 1px limited.

The first value is a positive integer that represents the shadow of the left border

The first value is a negative integer representing the shadow of the right border.

The same principle

The second value 0 represents the shadow of the upper and lower borders.

The second value is a positive integer that represents the upper border of the 1px shadow interval.

The first value is a negative integer that represents the shadow configuration of the border below

Border-radius fillet

: first-letter

P:first-letter {font-size:20px}

The size of the first word in the p tag is 20px.

Div:first-line {color:red;font-size:16px;}

Represents the first line of text in DIV is red and the font is 16px

P a:first-child {color: green}

Represents the green color of the first a hyperlink font in the p box

P:before {content: "I'm here"}

Represents the p tag object before intervening in a form: "I'm here"

Table:after {content: END OF TABLE}

Stands for displaying the content "END OF TABLE" after the table object

Single colon and double colon

A pseudo element consists of a double colon and a pseudo element name. Double colons are introduced in the current scale to identify pseudo-classes and pseudo-elements. However, pseudo-classes are compatible with existing styles, and readers need to support old pseudo-classes at the same time, such as first-line,: first-letter,: before,: after and so on.

At that time, it would be a general response to the question in the incomplete question. For the pseudo elements that already existed in CSS2, such as before, the single colon and double colon are written in the same way:: before.

Therefore, assuming that your site is only compatible with webkit, firefox, opera and other readers, advocate the use of double colons for pseudo-elements, assuming that you have to be compatible with IE browsers, or use CSS2 single colons compared to Enron.

.uploader input [type=file] {}

On behalf of class, set the equipment decoration pattern for the input tag attribute in the uploader box and the type=file

This is the end of the content about "what are the pseudo elements of CSS"? thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.