Front-end Engineer project
by @minkcodin
Front-end Engineer project
by @minkcodin
| Pattern | Represents |
|---|---|
| * | any element |
| E | an element of type E |
| E F | an F element descendant of an E element |
| E, F | select all E element and all F element |
| E > F | an F element child of an E element |
| E + F | an F element immediately preceded by an E element |
| E ~ F | an F element preceded by an E element |
| E.warning | an E element belonging to the class warning (the document language specifies how class is determined) |
| E#myid | an E element with ID equal to myid |
| E[foo] | an E element with a foo attribute |
| E[foo="bar"] | an E element whose foo attribute value is exactly equal to bar |
| Pattern | Represents |
|---|---|
| E:any-link | an E element being the source anchor of a hyperlink |
| E:link | an E element being the source anchor of a hyperlink of which the target is not yet visited |
| E:visited | an E element being the source anchor of a hyperlink of which the target is already visited |
| E:active | an E element that is in an activated state |
| E:hover | an E element that is under the cursor, or that has a descendant under the cursor |
| E:focus | an E element that has user input focus |
| E:focus-within | an E element that has user input focus, and the UA has determined that a focus ring or other indicator should be drawn for that element |
| E:focus-visible | select all E element and all F element |
| E:enabled E:disabled |
a user interface element E that is enabled or disabled, respectively |
| E:read-write E:read-only |
a user interface element E that is user alterable, or not |
| E:placeholder-shown | an input control currently showing placeholder text |
| E:default | a user interface element E that is the default item in a group of related choices |
| E:checked | a user interface element E that is checked/selected (for instance a radio-button or checkbox) |
| E:indeterminate | a user interface element E that is in an indeterminate state (neither checked nor unchecked) |
| E:valid E:invalid |
a user-input element E that meets, or doesn't, its data validity semantics |
| E:in-range E:out-of-range |
a user-input element E whose value is in-range/out-of-range |
| E:required E:optional |
a user-input element E that requires/does not require input |
| E:blank | a user-input element E whose value is blank (empty/missing) |
| E:user-invalid | a user-altered user-input element E with incorrect input (invalid, out-of-range, omitted-but-required) |
| E:root | an E element, root of the document |
| E:empty | an E element that has no children (neither elements nor text) except perhaps white space |
| E:nth-child(n [of S]?) | an E element, the n-th child of its parent matching S |
| E:nth-last-child(n [of S]?) | an E element, the n-th child of its parent matching S, counting from the last one |
| E:first-child | an E element, first child of its parent |
| E:last-child | an E element, last child of its parent |
| E:first-of-type | an E element, first sibling of its type |
| E:last-of-type | an E element, last sibling of its type |
| E:nth-col(n) | an E element that represents a cell belonging to the nth column in a grid/table |
| E:nth-last-col(n) | an E element that represents a cell belonging to the nth column in a grid/table, counting from the last one |
