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

This article mainly introduces.CSS pseudo-class and pseudo-element how to use, the article is very detailed, has a certain reference value, interested friends must read!

Examples of pseudo-classes are:

:hover

:active

:first-child

:visited

Wait.

Examples of pseudo-elements are:

:first-line

:first-letter

:after

:before

The fundamental difference between pseudo-classes and pseudo-elements is that:

Do they create new elements (abstractions)? From the point of view of our imitation of its meaning, if we need to add a new element to identify it, it is a pseudo-element, whereas if we only need to add a category to an existing element, it is a pseudo-class.

Pseudo-elements can only appear once in a selector, and only at the end;

Pseudo-classes act like real classes, and there is no limit to the number of pseudo-classes that can be used on the same element at the same time as long as they are not mutually exclusive.

Actual use:

Pseudo-classes are represented by a colon:first-child Pseudo-elements are represented by two colons::first-line

The above is ".CSS pseudo-class and pseudo-element how to use" all the content of this article, thank you for reading! Hope to share the content to help everyone, more relevant knowledge, welcome to pay attention to the industry information channel!

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.