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

This article mainly introduces the difference between CSS pseudo-elements and pseudo-classes is what the relevant knowledge, the content is detailed and easy to understand, simple and fast operation, with a certain reference value, I believe that you read this CSS pseudo-elements and pseudo-class differences are what the article will have a harvest, let's take a look at it.

The difference between pseudo-elements and pseudo-classes

Please pay attention to the double colon representation -:: first-line contrast: first-line

In CSS3, double colons replace the single colon representation of pseudo elements. This is an attempt by the W3C to distinguish between pseudo classes and pseudo elements.

In CSS2 and CSS1, pseudo-classes and pseudo-elements both use single colon syntax.

For backward compatibility, CSS2 and CSS1 pseudo elements accept single colon syntax.

In other words, there is not much difference between pseudo-elements and pseudo-classes.

It's just an attempt by the W3C to distinguish between pseudo classes and pseudo elements.

You can achieve the same effect by using both odd and double colons!

Add a special state to the first word

You can use the pseudo element [:: first-letter] to add special effects to the first character of the text!

P::first-letter {

Color: red

Font-size: 18px

}

This is the end of the article on "what's the difference between CSS pseudo-elements and pseudo-classes". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "what is the difference between CSS pseudo elements and pseudo classes". If you want to learn more knowledge, you are welcome to follow 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.