The power of selectors - CSS Tutorial

Contents

• Introduction Introduction

  • The power of selectors

    45s
• 1. Review of Basic CSS 1. Review of Basic CSS

  • CSS terminology

    2m 58s
  • (Locked)
    Type selectors, classes, and IDs

    2m 1s
  • (Locked)
    Selector lists

    1m 52s
  • (Locked)
    Compound selectors

    3m 19s
• 2. Combinator Selectors 2. Combinator Selectors

  • The HTML family tree: Parents, children, ancestor, descendant, and siblings

    3m 30s
  • (Locked)
    Descendant selectors

    3m 36s
  • (Locked)
    Parent-child selectors

    3m 51s
  • (Locked)
    Adjacent and general sibling selectors

    4m 6s
  • (Locked)
    Reading and writing selectors

    1m 47s
• 3. Attribute Selectors 3. Attribute Selectors

  • Simple attribute selectors

    2m 47s
  • (Locked)
    Exact and partial attribute value selectors

    3m 26s
  • (Locked)
    Beginning, ending, and arbitrary substring attribute value selectors

    3m 13s
  • (Locked)
    Cool attribute selector tricks

    4m 30s
• 4. Pseudo-classes for document structures 4. Pseudo-classes for document structures

  • (Locked)
    Understanding only selectors, :only-child, :only-of-type

    2m 22s
  • (Locked)
    Understanding first and last selectors, :first-child, :first-of-type, :last-child, :last-of-type

    3m 7s
  • (Locked)
    Understanding nth selectors – :nth-child, :nth-of-type, :nth-last-child, :nth-last-of-type

    4m 9s
  • (Locked)
    :root and :empty

    4m 27s
• 5. Pseudo-classes for links 5. Pseudo-classes for links

  • (Locked)
    Basic link states: :link, :visited, :hover, :active

    4m 10s
  • (Locked)
    :any-link for combining link states

    1m 34s
  • (Locked)
    Pseudo-classes for in-page navigation, :target

    1m 51s
  • (Locked)
    Accessibility pseudo-classes: :focus, :focus-within

    5m 22s
• 6. Pseudo-classes for forms 6. Pseudo-classes for forms

  • (Locked)
    Form controls: :required and :optional; :enabled and :disabled

    5m 55s
  • (Locked)
    Form controls: :read-only and :read-write

    5m 57s
  • (Locked)
    Form control states: :indeterminate, :default, :checked

    6m 41s
  • (Locked)
    Text fields: :autofill, :placeholder-shown

    7m 2s
  • (Locked)
    Error checking: :valid, :invalid, :in-range, :out-of-range

    8m 15s
• 7. Additional pseudo-classes, pseudo-elements, and the universal selector 7. Additional pseudo-classes, pseudo-elements, and the universal selector

  • (Locked)
    Comparing is() and where()

    10m 18s
  • (Locked)
    Understanding :not

    2m 53s
  • (Locked)
    :has()

    7m 14s
  • (Locked)
    Meet the pseudo-elements ::before, ::after, ::first-line, ::first-letter

    5m 23s
  • (Locked)
    *, the universal selector

    4m 7s
• 8. Choosing Selectors 8. Choosing Selectors

  • (Locked)
    CSS selectors and browser support

    1m 55s
  • (Locked)
    Why can't I use CSS classes exclusively? Selectors best practices

    3m 5s
  • (Locked)
    Impact of CSS selectors on performance

    47s
• Conclusion Conclusion

  • (Locked)
    Additional CSS practice

    47s