CSS for sel2-2

  <script>
    #id  { background-color: grey; }  # 0,1,0,0
     .class  { background-color: #00000e; color: white; }  # 0,0,1,0
     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
  </script>
  

Page Content

<h3>in-element styling</h3>
<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>

<p id="id" class="class">This is Both and ID'd and CLASS'ed 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>

<p style="background-color: green;" id="id" class="class">This is Both and ID'd and CLASS'ed 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>
  

in-element styling

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

This is Both and ID'd and CLASS'ed paragraph containing a bold phrase and an emphasized phrase also with CLASS and some italic and some stuff in code font

This is Both and ID'd and CLASS'ed paragraph containing a bold phrase and an emphasized phrase also with CLASS and some italic and some stuff in code font