July 2019
Beginner to intermediate
350 pages
8h 13m
English
Pseudo selectors are a set of handy choices when it comes to identifying or selecting the elements based on their position.
The following table lists some of the ways these types of selectors might be used, with a brief description:
|
CSS query |
Description |
|
a:gt(0) |
Selects all <a> elements except those indexed at a 0 position: <a id="link" href="mailto:xyz@domain.com">Email Link1!</a><a href="mailto:abc@domain.com">Email Link2!</a> |
|
a:eq(2) |
Selects <a> element which are indexed at 2: <a href="mailto:abc@domain.com"> |
|
a:first-child |
Selects every <a> element that is the first child of its parent: <a class="plan" href="*.pdf">Document Places</a> |
|
a:last-child |
Selects every <a> element that is the last child ... |
Read now
Unlock full access