Warning:
This wiki has been archived and is now read-only.

CSSSpec

From HTML for email Community Group
Jump to: navigation, search

HTML Mail CSS Specification

Include CSS

It schould be possible to difined CSS Classes between <head> and </head> with follow classes: (Selcetor source: http://www.campaignmonitor.com/css/)

  • *
  • E
  • E[foo]
  • E[foo="bar"]
  • E[foo~="bar"]
  • E[foo^="bar"]
  • E[foo$="bar"]
  • E[foo*="bar"]
  • E:nth-child(n)
  • E:nth-last-child(n)
  • E:nth-of-type(n)
  • E:nth-last-of-type(n)
  • E:first-child
  • E:last-child
  • E:first-of-type
  • E:last-of-type
  • E:empty
  • E:link
  • E:visited
  • E:active
  • E:hover
  • E:focus
  • E:target
  • E::first-line
  • E::first-letter
  • E::before
  • E::after
  • E.classname
  • E#id
  • E:t(s)
  • E F
  • E > F
  • E + F
  • E ~ F

To modify HTML in the body it could be used the style-tag


Media Queries in Email

  1. How to include CSS in Emails
  2. Media Types
  • Aural
  • braille
  • embossed
  • handheld
  • print
  • projection
  • screen
  • speech
  • tty
  • tv

Contents

  1. Layout (floats/positioning/columns/flexbox)
  2. Backgrounds
  3. Fonts (including font face)
  4. Box model
  5. Links