Apply CSS rules based on slide selector

Slide 1

If you need a selector to apply only to this slide, use the slide id:

  1. Without margin
  2. Without margin

CSS used

This is the CSS used for previous slide

#slide-1 ol li  {
     margin-top:0;
}

Slide 2

The selector will only apply to slide 1, not to this slide:

  1. With margin
  2. With margin

Slide 3

You add specific id using

## Slide 3 {#special-slide}
  1. With bigger margin
  2. With bigger margin

CSS

This is the CSS used for previous slide

#special-slide ol li  {
     margin-top: 2em;
}

See code source for details