title: CSS styling : change colour of <blockquote> between posts?
body: <p>I've got a theme in which the <code>blockquote</code> tag takes on the following style through CSS</p>
  
  <pre><code>{background-color:-webkit-gradient(linear, left top, left bottom, 
  color-stop(0%,#F5FBEF), color-stop(50%,#E0F8E0), color-stop(51%,#E6F8E0), 
  color-stop(100%,#F5FBEF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #E0FFE8 12%, #E0FFE7 30%, 
  #E5FFEC 49%, #EAFCED 70%, #F5FFF7 100%); /* Chrome10+,Safari5.1+ */;
  border-style:solid;border-width:0px;overflow:auto;padding-left:0.9em;
  padding-right:0.9em;white-space:pre-wrap;} /* #page */ 
  #page{margin:1.8em 2.4em 3.6em 2.4em;}
  </code></pre>
  
  <p>such that a quoted section of text can be rendered distinctly, as shown in the screenshot below</p>
  
  <p><img src="https://i.stack.imgur.com/y65lS.png" alt="enter image description here"></p>
  
  <p>This gets a little plain over the course of a page though, on which several posts will share these green sections (<a href="http://biochemistri.es" rel="nofollow noreferrer">http://biochemistri.es</a>). Is there a way I can alternate between say green and blue between posts? I might have multiple such <code>blockquote</code> tags within a post but wouldn't want to alternate their colour within a single post - might look a bit messy.</p>
  
  <p>I'd like to think I could implement this with CSS, I've used nth-child tags and the like before... It seems simple enough but I've no idea how to do it with code for posts in this way.</p>