Make p.example work by making the style rules less specific

Author: fantasai

default.css

@@ -8,8 +8,7 @@
 	body { font-family: serif }
 	th, td { font-family: inherit }
 	a { color: inherit !important }
-	div.example:before { font-family: serif !important }
-	pre.example:before { font-family: serif !important }
+	.example:before { font-family: serif !important }
 	a:link, a:visited { text-decoration: none !important }
 	a:link:after, a:visited:after { /* create a cross-ref "see..." */ }
 }
@@ -26,7 +25,7 @@ body {
 /* Pagination */
 h1, h2, h3, h4, h5, h6 { page-break-after: avoid }
 figure, div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra,
-div.example { page-break-inside: avoid }
+.example { page-break-inside: avoid }
 dt { page-break-after: avoid }
 
 span.id {float: right; font-weight: bold}
@@ -96,7 +95,7 @@ ul.indexlist a { font-weight: bold; }
 .example {
 	counter-increment: exampleno;
 }
-div.example:before, pre.example:before {
+.example:before {
 	content: "Example";
 	content: "Example " counter(exampleno);
 	min-width: 7.5em;
@@ -107,8 +106,8 @@ div.illegal-example:before, pre.illegal-example:before {
 	content: "Invalid Example";
 	content: "Invalid Example" counter(exampleno);
 }
-div.example, div.illegal-example, div.html, div.illegal-html, div.xml,
-div.illegal-xml, pre.example, pre.illegal-example, pre.html,
+.example, .illegal-example, div.html, div.illegal-html, div.xml,
+div.illegal-xml, pre.html,
 pre.illegal-html, pre.xml, pre.illegal-xml {
 	padding: 0.5em;
 	margin: 1em 0;
@@ -149,7 +148,7 @@ code.xml { color: #600 }	/* inline XML */
 dfn { font-weight: bolder; }
 a > i { font-style: normal; } /* Instance of term */
 
-.issue, .note, div.example, pre.example {
+.issue, .note, .example {
 	padding: .5em;
 	/* padding: .5rem; /* proposed unit in css3-values */
 	border-left-width: .5em;
@@ -182,12 +181,12 @@ span.note, span.issue { padding: .1em .5em .15em; }
 .informref { color: green }	
 
 /* Example box */
-div.example, pre.example {
+.example {
 	border-color: #E0CB52;
 	background: #FCFAEE;    
 }
 
-div.example:before, pre.example:before { 
+.example:before { 
 	color: #B9AB2D; 
 	font-family: sans-serif;
 }