Demo CSS-Pseudoklassen-Typen

dabblet.css

/**
 * Demo CSS-Pseudoklassen-Typen
 */

/* :nth-child OHNE Element */
/*#foo :nth-child(2n+1){ color: red; }*/

/* :nth-child MIT Element */
/*#foo span:nth-child(2n+1){ color: red; }*/

/* :nth-of-type */
/*#foo span:nth-of-type(2n+1){ color: red; }*/

dabblet.html

<div id="foo">
  <span>Span</span>
  <span>Span</span>
  <div>Div</div>
  <span>Span</span>
  <div>Div</div>
  <div>Div</div>
  <span>Span</span>
  <div>Div</div>
  <span>Span</span>
  <div>Div</div>
  <span>Span</span>
  <div>Div</div>
</div>









<style>
  body {
    padding-top: 3em;
  }
  #foo {
    font-size: 1.2em;
    line-height: 1.75;
  }
  #foo > * {
    display: block;
  }
</style>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}