DSL: Adjust colors for [p], [ex], [*] tags

article-style-st-lingoes-blue.css

@@ -179,8 +179,7 @@ h3 {
 	font-family: Arial;
 }
 
-.dsl_ex,
-.dsl_ex font[color]
+.dsl_ex, .dsl_ex .dsl_opt
 {
 	color: slategray;
 }

article-style-st-lingvo.css

@@ -89,7 +89,7 @@ a:hover
   margin-top: 10px;
 }
 
-.dsl_ex
+.dsl_ex, .dsl_ex .dsl_opt
 {
   color: inherit;
 }

article-style-st-modern.css

@@ -165,8 +165,7 @@ a:hover
   margin-top: 1.5em;
 }
 
-.dsl_ex,
-.dsl_ex font[color]
+.dsl_ex, .dsl_ex .dsl_opt
 {
   color: steelblue;
 }

article-style.css

@@ -398,15 +398,9 @@ div.xdxf
   padding-left: 81px;
 }
 
-.dsl_ex,
-.dsl_ex font[color] /* DSL Feature: Enforce the example color even if the childen tags say otherwise */
-{
-  color: gray;
-}
-
 .dsl_p, .dsl_p :not(a) /* DSL Feature: Enforce the style even if the childen tags say otherwise, except links */
 {
-  color: green;
+  color: green !important; /* DSL label color must have highest priority */
   font-style: italic;
   cursor: default;
   font-weight: normal; /* DSL feature: labels are always of normal weight */
@@ -443,7 +437,18 @@ div.xdxf
 .dsl_opt
 {
   display: none;
-  color: grey;
+}
+
+.dsl_opt,
+.dsl_opt .dsl_ex,
+.dsl_opt .dsl_ex font[color] /* DSL Feature: Enforce the optional zone color even if the childen tags say otherwise */
+{
+  color: gray;
+}
+
+.dsl_ex, .dsl_ex .dsl_opt
+{
+  color: gray;
 }
 
 /* Style for expand optional parts button */