svgeesus · September 8, 2016 22:05
diff --git a/dabblet.css b/dabblet.css
 /* Test inherited value of currentColor is the keyword currentColor

 	"This happens at used-value time, which means that if the value is inherited, it’s 
 	inherited as currentcolor, not as the value of the color property, so descendants 
 	will use their own color property to resolve it."
 */

    .outer {color: red; 
    	background-color: currentColor; 
    	font-size: 200%; 
    	width: 6em; 
    	height: 6em; }	
    .middle {background-color: inherit; 
    	width: 6em; 
    	height: 6em;}
    .inner {color: green; 
    	background-color: inherit; 
    	width: 6em; 
    	height: 6em; 
    	font-weight: bold;}
diff --git a/dabblet.html b/dabblet.html
 <body>    <p>Test passes if you see a green square, and no red.</p>	
 <div class="outer"><div class="middle"><div class="inner">FAIL</div></div></div>
 </body>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/* Test inherited value of currentColor is the keyword currentColor

	"This happens at used-value time, which means that if the value is inherited, it’s
	inherited as currentcolor, not as the value of the color property, so descendants
	will use their own color property to resolve it."
	*/

	.outer {color: red;
	background-color: currentColor;
	font-size: 200%;
	width: 6em;
	height: 6em; }
	.middle {background-color: inherit;
	width: 6em;
	height: 6em;}
	.inner {color: green;
	background-color: inherit;
	width: 6em;
	height: 6em;
	font-weight: bold;}
	<body> <p>Test passes if you see a green square, and no red.</p>
	<div class="outer"><div class="middle"><div class="inner">FAIL</div></div></div>
	</body>