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

This article mainly introduces "what are the CSS structural pseudo-class selectors". In the daily operation, I believe many people have doubts about the CSS structural pseudo-class selectors. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "what are the CSS structural pseudo-class selectors?" Next, please follow the editor to study!

(1) the class selector uses the class selector to define the same element into different styles, and the pseudo-class selector is already defined and cannot be named casually.

(2) pseudo-class selector-the most common pseudo-class selector: a (in the order of use: not, already, hover, stop)

(3) pseudo element selector A first-line;first-letter;before;after used for pseudo elements that have been defined in CSS.

First-line pseudo-element selector: uses styles for the first line of text in an element.

First-letter pseudo-class selector: uses styles for the first letter or first text of the text in an element.

Before: insert something before an element.

After: insert something after an element.

You can use before and after pseudo elements to insert text, images, project numbers, etc.

Insert text: E:before/after

Exclude some elements that do not need to insert content: E:none:before/after

Insert Ima

Insert project number

a. Number before multiple headings: the counter attribute appends the number to the item

What is the basic syntax of css? the basic syntax of css is:

1. The css rule consists of a selector and one or more declarations.

2. Selectors are usually HTML elements that need to be styled

3. Each declaration consists of an attribute and a value

4. Attributes and attribute values are separated by colons.

At this point, the study on "what are the CSS structural pseudo-class selectors" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.