<div id="zombie-killa">
  <div class="ima talkin-smack">
    <p>I reflected that these tales ran closely parallel not only with these of the people in Georgia and the Carolinas, but with the mediaeval folklore of white Europe. Werewolves, vampires, and demons were certainly no novelty. But I recalled one creature I had been hearing about in Haiti, which sounded exclusively local — the zombie. </p>

<p>It seemed that while the zoinhie came from the grave, it was neither a ghost, nor yet a person who had been raised like Lazarus from the dead. The zombie, they say, is a soulless human corpse, still dead, but taken from the grave and endowed by sorcery with a mechanical semblance of life — it is a dead body which is made to walk and act and move as if it were alive. People who have the power to do this go to a fresh grave, dig up the body before it has had time to rot, galvanize it into movement, and then make of it a servant or slave, occasionally for the commission of some crime, more often simply as a drudge around the habitation or the farm, setting it dull heavy tasks, and beating it like a dumb beast if it slackens. </p>

<p>As this was revolving in my mind, I said to Polynice: "It seems to me that these werewolves and vampires are first cousins to those we have at home, but I have never, except in Haiti, heard of anything like zombies."</p>

<p class="verbal">-a selection from <i><a  href="https://archive.org/stream/magicislandbywbs00seab/magicislandbywbs00seab_djvu.txt">The Magic island</a></i> by W. B. Seabrook</p>
  </div>
</div>
/*
Exercises to Try:
0. Remove the "/*" to pit the two CSS rules against each other. Add it back in before going to the next one
1. All of these select the a element so you can try pitting different combinations against each other such as #zombie-killa p a vs. #zombie-killa .talkin-smack a (Just remember to set different colors in the rule so you can easily tell which one won.)
2. #zombie-killa div .verbal a vs. .talkin-smack div .verbal a
3. Try more combinations
*/

/*
#zombie-killa p a { color: green; }
.talkin-smack div .verbal a { color: red; }
/* */

/*
#zombie-killa .talkin-smack a { color: green; }
#zombie-killa div .verbal a  { color: red; }
/* */

/*
#zombie-killa div.ima.talkin-smack a { color: green; }
#zombie-killa div .verbal a  { color: red; }

/* */

/*
#zombie-killa div.ima.talkin-smack a { color: green; }
#zombie-killa div .verbal a  { color: red !important; }
/* */
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.