About pseudo-class selector usage Summary

CSS3 has added a lot of powerful selectors. It allows us to write down some JS event scripts. Let's take a look at the various versions of the selector Note: Ele represents the element attr represents the attribute attribute, and Val represents the value attribute: XXX is a pseudo-class selector:: XXX is a pseudo-element selector with a name selector I try to subdivide the CCS1 selector selector type sample description. class Selector. Demo Select all the elements of the class containing the demo #idid selector # Unique Select all ID is unique element ele element selector p Select all P element ele,ele side selector H1,H2 Select all h1 element and H2 element ele ele descendant selector p p Select all p elements within P element: Link pseudo class selector a: Link Select not visited: visited Pseudo class selector a:visited Select Access Link: Active pseudo class selector a:active select Active Link: hover pseudo class selector A:hover select mouse

1. Detailed introduction and usage summary of CSS3 selector

Introduction: CSS3 has added a lot of powerful selectors it can let us write down some of the JS event script we first look at the various versions of the selector Note: Ele represents the element elements attr represents the attribute attribute, Val represents the Value property values: XXX is a pseudo-class selector ,:: XXX are all pseudo-element selectors have a name selector I try to subdivide the CCS1 selector selector type sample description. class Selector. Demo

2. Introduction of 2 Pseudo-class selectors: E:nth-child (n) and E:nth-of-type (n)

Summary: struct pseudo-class is a new type selector for CSS3. E:nth-child (n), E:nth-of-type (n) are two of them. Understand the two, basically with the other two of their family of other brothers can basically understand. First describe the two in literal language:

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

Introduction: This article mainly introduces the selection of CSS in the summary and efficiency comparison, including Pseudo-class selector and pseudo-element selector, the need for friends can refer to the following

4. Detailed CSS various selectors and import imported style sheet There are some pseudo-class selectors

Introduction: This article tells about CSS various selectors and import imported style sheets and some pseudo-class selectors

5. CSS Selector collation

Introduction: Many people think that CSS is particularly simple, but actually write good CSS is not easy, CSS every point in fact a lot of content, take the selector, CSS selectors can be divided into five categories: element Selector Relationship Selector Property selector pseudo-class selector pseudo-Object selector element Selector selector ...

6. CSS3 ingenious use of structural pseudo-class selectors

Introduction: CSS3 ingenious use of structural pseudo-class selectors

7. Pseudo-class selectors and inline elements a little bit confused _html/css_web-itnose

Description: A little bit of confusion about pseudo-class selectors and inline elements

8. CSS3 Selector (base selector, property selector, pseudo class selector, selector policy) _html/css_web-itnose

Summary: CSS3 selector (base selector, property selector, pseudo class selector, selector policy)

9. Css3:nth-child () pseudo-class selector _html/css_web-itnose

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

CSS: first-child pseudo-Class selector usage Introduction _html/css_web-itnose

Introduction: CSS: First-child pseudo-Class selector usage Introduction

"Related question and answer recommendation":

HTML5-About CSS pseudo-class selectors: Nth-of-type (n) Selector

CSS-How to find a class name element in the specified order

Javascript-jquery child element Pseudo-class selector: Nth-child (n), can the value of n use a custom variable?

CSS3-CSS pseudo-Class selector, how can I select and control the last label adjacent to it?

What is the difference between pseudo-class selectors and pseudo-object selectors in Css3-css?