and to change slides. 2 for comments. www.standardista.com/webstock

CSS3: A Not So Quick Overview

HTML5 & CSS3 for the Real World Mobile HTML5: Using the Latest Today by Estelle Weyl and Maximiliano Firtman

Estelle Weyl
www.standardista.com
@estellevw

Part 1: Selectors

Part 2: Media Queries

Part 3. Specificity

Part 4: Most properties

Part 5: Transitions, Tranforms and Animation

Part 3: Specificity

Understanding Specificity

  • ID
  • Class
  • Element
  • 1-0-0
  • 0-1-0
  • 0-0-1

PDF
Examples

Specificity: The less than obvious

The * selector, or global selector, has no value.

* {} 0-0-0 

Combinators, like ~, >, and + have no value

ul li {} 0-0-2
ul > li {} 0-0-2

:not has no value, but parameter does

.myClass:not(p) {} 0-1-1

Specificity is not inheritance

Part 4: CSS3 Features

Next ➹