Max Design

CSS3 selectors

Author: RUSS WEAKLEY
Quantity: 488 SLIDES
Type: PDF SLIDESHOW
File size: 721 KB

Selectors are the backbone of CSS. If you understand how they work, everything about CSS becomes easier.

This slideshow explores all CSS1, CSS2 and CSS3 selectors – 54 selectors in total. Along the way you will learn about combinators, structural pseudo-classes, attribute selectors, user-interface selectors, pseudo-elements and more.

All amounts are in AUD (Australian Dollars). An additional 10% GST charge applies to all purchases made from within Australia

Contents

  • Levels of CSS
  • The :lang(c) pseudo-class
  • Attribute selectors
  • [att] attribute selector (CSS2)
  • [att=val] attribute selector (CSS2)
  • [att~=val] attribute selector (CSS2)
  • [att|=val] attribute selector (CSS2)
  • [att^=val] attribute selector (CSS3)
  • [att$=val] attribute selector (CSS3)
  • [att*=val] attribute selector (CSS3)
  • Structural pseudo-classes
  • Structurally unstable
  • Understanding “(n)”
  • :first-child pseudo-class (CSS2)
  • :last-child pseudo-class (CSS3)
  • :only-child pseudo-class (CSS3)
  • :first-of-type pseudo-class (CSS3)
  • :last-of-type pseudo-class (CSS3)
  • :only-of-type pseudo-class (CSS3)
  • :nth-child(n) pseudo-class (CSS3)
  • :nth-last-child(n) pseudo-class (CSS3)
  • :nth-of-type(n) pseudo-class (CSS3)
  • :nth-last-of-type(n) pseudo-class (CSS3)
  • :root pseudo-class (CSS3)
  • :empty pseudo-class (CSS3)
  • User-interface pseudo-classes
  • :disabled pseudo-class (CSS3)
  • :enabled pseudo-class (CSS3)
  • :checked pseudo-class (CSS3)
  • :indeterminate pseudo-class (CSS3)
  • :default pseudo-class (CSS3)
  • :required pseudo-class (CSS3)
  • :optional pseudo-class (CSS3)
  • :valid pseudo-class (CSS3)
  • :invalid pseudo-class (CSS3)
  • :in-range pseudo-class (CSS3)
  • :out-of-range pseudo-class (CSS3)
  • :read-only pseudo-class (CSS3)
  • :read-write pseudo-class (CSS3)
  • :targetpseudo-class (CSS3)
  • Pseudo-elements
  • ::before pseudo-element (CSS2)
  • ::after pseudo-element (CSS2)
  • ::selection pseudo-element (CSS3)
  • “At risk” pseudo-elements (CSS3)
  • The negation pseudo-class
Back to top

Contact us

To contact Max Design by email, please use the form below. We will try to answer your inquiry as quickly as possible.