Simple demonstration how nth-child works

dabblet.css

/* Simple demonstration how nth-child works */
span {
	width: 5em;
	border: 0.1em solid;
	display: inline-block;
	text-align: center;
}

span:nth-child(5n) {  
  display: none;
}

span:nth-child(3n) {  
  visibility: hidden;
}

dabblet.html

<p>
	<span>1</span>
	<span>2</span>
	<span>3</span>
	<span>4</span>
	<span>5</span>
	<span>6</span>
	<span>7</span>
	<span>8</span>
	<span>9</span>
	<span>10</span>
	<span>11</span>
	<span>12</span>
	<span>13</span>
	<span>14</span>
	<span>15</span>
</p>

dabblet.js

// alert('Hello world!');

settings.json

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