CSS for sel1-1

  <script>
    p  { color: black; }  # 0,0,0,1
     b  { color: green; }  # 0,0,0,1
     em  { color: blue; }  # 0,0,0,1
     i  { color: brown; }  # 0,0,0,1
     code  { color: purple; }  # 0,0,0,1
     .class  { background-color: #00000e; color: white; }  # 0,0,1,0
  </script>
  

Page Content

<h3>class specifier</h3>
<p>The <b>class</b> specifier is signaled by the leading dot (.)
and is a means of controlling style <em>without regard for document
structure [written with emphasis]</em></p>

<p>This is an UNCLASSED paragraph containing a <b>bold phrase</b>
and an <em class="class">emphasized phrase with CLASS</em> and some <i>italic</i>
and some stuff in <code>code font</code></p>

<p class="class">This is a CLASS paragraph containing a <b>bold phrase</b>
and an <em class="class">emphasized phrase also with CLASS</em> and some <i>italic</i>
and some stuff in <code>code font</code></p>
  

class specifier

The class specifier is signaled by the leading dot (.) and is a means of controlling style without regard for document structure [written with emphasis]

This is an UNCLASSED paragraph containing a bold phrase and an emphasized phrase with CLASS and some italic and some stuff in code font

This is a CLASS paragraph containing a bold phrase and an emphasized phrase also with CLASS and some italic and some stuff in code font