Ajax Loader
×

Understanding Basic CSS Selectors

A selector represents a structure to target elements in your HTML document. Using a selector you can "style" your document's (webpage) presentation.

In this codecast we're going to cover:

  • Universal Selector
  • Type Selector
  • Class Selectors
  • ID Selectors
  • Selectors with Descendant Combinators (whitespace)
  • Selectors with Child Combinators (>)
  • Selectors with Adjacent Sibling Combinators (+)
  • Selectors with General Sibling Combinators (~)

When to use ids ?
Use id for major components of a page that do not appear more than once, since ids have to be completely unique. You cannot have 2 or more elements with the same value for the id attribute.

When to use classes ?
Use classes when you want to apply same or similar styles to a set of elements. A very common example is a list of posts in the content area or widgets in the sidebar area on blogs (or other similar sites).

Related:


    Warning: Invalid argument supplied for foreach() in /var/www/cssdeck/app/modules/labs/views/_details.php on line 68
×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Understanding Basic CSS Selectors

    CSSDeck G+