CSS: Selectors

CSS: Selectors
CSS: Selectors
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 26m | 230 MB

Discover how to effectively leverage the power of selectors to select the elements you want to style without adding classes, changing HTML, or getting overly specific with your selectors. In this course, instructor Jen Kramer demonstrates how to pinpoint specific parts (and groups of parts) in an HTML document using the powerful declarative syntax of CSS selectors. Jen covers combinator selectors, attribute selectors, pseudo-class and pseudo-element selectors, and the universal selector. She also offers tips for determining which selectors might not be supported by your browser choices and shares best practices for mixing selectors in your document. And because this is an easily-tested syntax, Jen includes questions at the end of most videos to reinforce your understanding of each concept.

Topics include:

  • Targeting classes and IDs
  • Working with group selectors
  • Targeting element attributes
  • Targeting links with pseudo-class selectors
  • Targeting child elements and empty elements
  • Targeting parent, child, and sibling elements
  • Best practices for CSS
  • The impact of CSS selectors on performance
Table of Contents

1 The power of selectors

Review of Basic CSS
2 CSS terminology
3 Simple selectors Elements classes and IDs
4 Groups of selectors
5 Compound selectors

Combinator Selectors
6 The HTML family tree Parents children ancestor descendant siblings
7 Descendant selectors
8 Parent-child selectors
9 Adjacent and general sibling selectors
10 Reading and writing selectors

Attribute Selectors
11 Simple attribute selectors
12 Exact and partial attribute value selectors
13 Beginning ending and arbitrary substring attribute value selectors
14 Cool attribute selector tricks

Pseudo-Classes Pseudo-Elements and the Universal Selector
15 Pseudo-classes you already know link visited hover active focus
16 Understanding only selectors only-child only-of-type
17 Understanding first and last selectors first-child first-of-type last-child last-of-type
18 Understanding nth selectors nth-child nth-of-type nth-last-child nth-last-of-type
19 Pseudo-classes mostly for forms checked required and optional enabled and disabled
20 Pseudo-classes for in-page navigation target
21 Understanding not
22 root and empty
23 Meet the pseudo-elements before after first-line first-letter
24 the universal selector

Choosing Selectors
25 CSS selectors and browser support
26 Why cant I use CSS classes exclusively Selectors best practices
27 Impact of CSS selectors on performance

28 Additional CSS practice