Summary of usage of pseudo-class selectors

CSS3 has added many powerful selectors, which allow us to write less js event scripts. Let’s first take a look at the selectors of each version. Note: ele represents element element, attr represents attribute attribute, and val represents value attribute value. :xxx all belong to pseudo-class selectors, and ::xxx all belong to pseudo-element selectors. Selectors with names. I have tried my best to subdivide the CCS1 selector. Selector type examples. Class class selector. demo selects all elements whose class contains demo. #idID selector #unique selects all elements whose id is unique ele element selector p selects all p elements ele, ele parallel selectors h1, h2 selects all h1 elements and h2 elements ele ele descendant selector p p selects all within the p element p element: link pseudo-class selector a: link selects unvisited links: visited pseudo-class selector a: visited selects visited links: active pseudo-class selector a: active selects active links: hover pseudo-class selector a:hover selects Mouse

1. Detailed introduction and usage summary of CSS3 selectors

##Introduction: CSS3 has added many powerful selectors, which allow us to write less js event scripts. Let’s first take a look at the selectors of each version. Note: ele represents element element, attr represents attribute attribute, val Represents the value attribute value: xxx all belong to pseudo-class selectors, ::xxx all belong to pseudo-element selectors Selectors with names I try to subdivide the CCS1 selector Selector type Example Description .class Class selector .demo

2. Introducing 2 pseudo-class selectors: E:nth-child(n) and E:nth-of-type(n)

Introduction: Structure pseudo-class is a new type selector in CSS3. E:nth-child(n) and E:nth-of-type(n) are two of them. Once you understand these two, you can basically understand the other brothers in their family. First, use text to describe these two:

3. Summary of selector types in CSS and examples of efficiency comparison

# Introduction: This article mainly introduces the summary and efficiency comparison of selector types in CSS, including pseudo-class selectors and pseudo-element selectors. Friends in need can refer to

4. Detailed explanation of various CSS selectors and import style sheets and some pseudo-class selectors

Introduction: This article talks about various CSS selectors and import style sheets as well as some pseudo-class selectors

5. CSS selector organization

##Introduction: Many people I think CSS is very simple, but in fact it is not easy to write CSS well. Each point of CSS actually contains a lot of content. Take selectors as an example. CSS selectors can be roughly divided into five categories: Element selector Relationship selector Attribute selector Pseudo-class selector Pseudo-object selector Element selector selector...

6.

css3 Clever use of structural pseudo-class selector

Introduction: css3 clever use of structural pseudo-class selectors

7.

A little confusion about pseudo-class selectors and inline elements_html/css_WEB-ITnose

Introduction: A little confusion about pseudo-class selectors and inline elements

8.

CSS3 selector (basic selector, attribute selector, pseudo-class selector, selector strategy)_html/css_WEB-ITnose

Introduction: CSS3 selectors (basic selectors, attribute selectors, pseudo-class selectors, selector strategies)

9. CSS3 :nth- child() pseudo-class selector_html/css_WEB-ITnose

Introduction: CSS3: nth-child() pseudo-class selector

10. css:first-child pseudo-class selector usage introduction_html/css_WEB-ITnose

Introduction: css:first-child pseudo-class Introduction to the use of class selectors

[Related Q&A recommendations]:

html5 - About the css pseudo-class selector: nth-of-type (n) Selector

css - How to find a certain class name element in a specified order

javascript - JQuery sub-element pseudo-class selector: In nth-child(n), can the value of n use a custom variable?

css3 - CSS pseudo-class selector, how to select and control the adjacent previous tag?

css3 - What is the difference between pseudo-class selector and pseudo-object selector in css

The above is the detailed content of Summary of usage of pseudo-class selectors. For more information, please follow other related articles on the PHP Chinese website!