CSS3 01. CSS3 status, attribute selector, pseudo-class selector,

CSS 3 Status

Poor compatibility, need to add private prefix/mobile better than PC-side/continuous improvement/progressive enhancement/Consideration of user groups/product-compliance programs;

CSS3 manuals need to be read-read and use guidelines

[] means all options available

|| Or

| Indicates a multiple selection

? Represents 0 or 1 of

* Indicates 0 or more

{} indicates that the range {A} represents the occurrence of a, {A, b} represents the occurrence of more than a second, B can be omitted, {A,} represents at least a, no upper limit

# More than 1 occurrences, separated by commas, can be selected with curly braces to indicate exactly how many repetitions: <length>#{1,4}.

! The representation appears to produce a value, even if the value within the group can be omitted, but at least one value cannot be omitted: [A? B? c?]!

Property Selector

Tag Selector/class name selector/id selector/descendant selector/Tag designation (intersection) selector/set selector/descendant selector/wildcard

Div+p: The first p after selecting a div

Div~p: Select div after all P

The following 5 forms are specific:

E[ATTR] indicates that the attr attribute is present: Div[class]

E[attr=val] indicates that the property value is exactly equal to Val:div[class=mydemo];

E[attr*=val] indicates that the attribute value contains the Val character and is in " any " position; Div[class*=mydemo]

E[attr^=val] indicates that the attribute value contains the Val character and is in the " starting " position; Div[class^=mydemo]

E[attr$=val] indicates that the attribute value contains the Val character and is in the " end " position; Div[class$=mydemo]

Pseudo-Class selectors:

: Link. Normal state

: viaited has asked the link

: Hover mouse over

: Action Click

CSS3 additional pseudo-class selectors

With an element relative to its

CSS3 01. CSS3 status, attribute selector, pseudo-class selector,