<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>
<h3>id and class specifier</h3> <p>The <b>id</b> specifier is signaled by the leading sharp/hash-mark (#) and is a means of controlling style <em>without regard for document structure [written with emphasis]</em></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> <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>
The id specifier is signaled by the leading sharp/hash-mark (#) and is a means of controlling style without regard for document structure [written with emphasis]
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