Future CSS in Web Components

9d9f17e37b751b9f83081ba3dd44bab4?s=47 Peter Gasston
September 13, 2013

Future CSS in Web Components

An introduction to Web Components and related changes to CSS. Given at CSSConf.eu on 13th September 2013

9d9f17e37b751b9f83081ba3dd44bab4?s=128

Peter Gasston

September 13, 2013
Tweet

Transcript

  1. 7.
  2. 9.
  3. 12.
  4. 21.

    The problem <div class="foo"> … </div> div.foo { color: #f00;

    } <div class="foo"> … </div> .foo { color: #00f; }
  5. 24.
  6. 40.
  7. 42.
  8. 51.

    <p>Hello</p> <div> <style scoped> p { color: #f00; } </style>

    <p>World!</p> </div> <p>Again</p> Scoped styles
  9. 61.

    The part attribute var newRoot = el.createShadowRoot(), newEl = '<h2

    part="apes">…</h2>'; newRoot.appendChild(newEl);