title: CSS overwriting commands
body: <p>I would like to put a box in my page body but exclude the two elements in the upper area.</p>
  
  <p>I wrote the code for the elements, but it seems that it have been ignored:</p>
  
  <p>EDIT: I added the HTML. I cannot create other div's, so I don't know how to specify that the two elements must be excluded from the code written in the body's css.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
   background-image: url("https://courses.cs.washington.edu/courses/cse190m/11sp/homework/2/background.png");
   margin: 0;
     padding: 0;
     font-size: 8pt;
     font-family: "Tahoma";
     width: 800px;
     border: 4px solid red;
  }
  
  #banner {
   text-align: center;
   background-image: url("https://courses.cs.washington.edu/courses/cse190m/11sp/homework/2/bannerbg.png");
      background-repeat: repeat-x;
      height: 50px;
      
  }
  
  h1 {
   text-align: center;
   font-style: bold;
   font-family: "Verdana";
   font-size: 24pt;
   text-shadow: 3px 3px #999999;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  
   &lt;head&gt;
    &lt;title&gt;TMNT - Rancid Tomatoes&lt;/title&gt;
  
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
    &lt;link href="movie.css" type="text/css" rel="stylesheet"&gt;
   &lt;/head&gt;
  
   &lt;body&gt;
    &lt;div id="banner"&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/banner.png" alt="Rancid Tomatoes"&gt;
    &lt;/div&gt;
  
    &lt;h1&gt;TMNT (2007)&lt;/h1&gt;
    
    &lt;div&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/overview.png" alt="general overview"&gt;
    &lt;/div&gt;
  
    &lt;dl&gt;
     &lt;dt&gt;STARRING&lt;/dt&gt;
     &lt;dd&gt;Patrick Stewart &lt;br&gt; Mako &lt;br&gt; Sarah Michelle Gellar &lt;br&gt; Kevin Smith&lt;/dd&gt;
  
     &lt;dt&gt;DIRECTOR&lt;/dt&gt;
     &lt;dd&gt;Kevin Munroe&lt;/dd&gt;
  
     &lt;dt&gt;RATING&lt;/dt&gt;
     &lt;dd&gt;PG&lt;/dd&gt;
  
     &lt;dt&gt;THEATRICAL RELEASE&lt;/dt&gt;
     &lt;dd&gt;Mar 23, 2007&lt;/dd&gt;
  
     &lt;dt&gt;MOVIE SYNOPSIS&lt;/dt&gt;
     &lt;dd&gt;After the defeat of their old arch nemesis, The Shredder, the Turtles have grown apart as a family.&lt;/dd&gt;
  
     &lt;dt&gt;MPAA RATING&lt;/dt&gt;
     &lt;dd&gt;PG, for animated action violence, some scary cartoon images and mild language&lt;/dd&gt;
  
     &lt;dt&gt;RELEASE COMPANY&lt;/dt&gt;
     &lt;dd&gt;Warner Bros.&lt;/dd&gt;
  
     &lt;dt&gt;RUNTIME&lt;/dt&gt;
     &lt;dd&gt;90 mins&lt;/dd&gt;
  
     &lt;dt&gt;GENRE&lt;/dt&gt;
     &lt;dd&gt;Action/Adventure, Comedies, Childrens, Martial Arts, Superheroes, Ninjas, Animated Characters&lt;/dd&gt;
  
     &lt;dt&gt;BOX OFFICE&lt;/dt&gt;
     &lt;dd&gt;$54,132,596&lt;/dd&gt;
  
     &lt;dt&gt;LINKS&lt;/dt&gt;
     &lt;dd&gt;
      &lt;ul&gt;
       &lt;li&gt;&lt;a href="http://www.ninjaturtles.com/"&gt;The Official TMNT Site&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="http://www.rottentomatoes.com/m/teenage_mutant_ninja_turtles/"&gt;RT Review&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="http://www.rottentomatoes.com/"&gt;RT Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="http://www.cs.washington.edu/190m/"&gt;CSE 190 M&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
     &lt;/dd&gt;
    &lt;/dl&gt;
  
    &lt;div&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rottenbig.png" alt="Rotten"&gt;
     33%
    &lt;/div&gt;
    
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;Ditching the cheeky, self-aware wink that helped to excuse the concept's inherent corniness, the movie attempts to look polished and 'cool,' but the been-there animation can't compete with the then-cutting-edge puppetry of the 1990 live-action movie.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Peter Debruge &lt;br&gt;
     Variety
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/fresh.gif" alt="Fresh"&gt;
     &lt;q&gt;TMNT is a fun, action-filled adventure that will satisfy longtime fans and generate a legion of new ones.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Todd Gilchrist &lt;br&gt;
     IGN Movies
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;It stinks!&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Jay Sherman (unemployed)
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;The rubber suits are gone and they've been redone with fancy computer technology, but that hasn't stopped them from becoming dull.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Joshua Tyler &lt;br&gt;
     CinemaBlend.com
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;YOUR REVIEW HERE&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     NAME &lt;br&gt;
     PUBLICATION
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;The turtles themselves may look prettier, but are no smarter; torn irreparably from their countercultural roots, our superheroes on the half shell have been firmly co-opted by the industry their creators once sought to spoof.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Jeannette Catsoulis &lt;br&gt;
     New York Times
    &lt;/p&gt;
  
    &lt;p class="rotten"&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;Impersonally animated and arbitrarily plotted, the story appears to have been made up as the filmmakers went along.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Ed Gonzalez &lt;br&gt;
     Slant Magazine
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/fresh.gif" alt="Fresh"&gt;
     &lt;q&gt;The striking use of image and motion allows each sequence to leave an impression. It's an accomplished restart to this franchise.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Mark Palermo &lt;br&gt;
     Coast (Halifax, Nova Scotia)
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;The script feels like it was computer generated. This mechanical presentation lacks the cheesy charm of the three live action films.&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     Steve Rhodes &lt;br&gt;
     Internet Reviews
    &lt;/p&gt;
  
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/rotten.gif" alt="Rotten"&gt;
     &lt;q&gt;YOUR REVIEW HERE&lt;/q&gt;
    &lt;/p&gt;
    &lt;p&gt;
     &lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/critic.gif" alt="Critic"&gt;
     NAME &lt;br&gt;
     PUBLICATION
    &lt;/p&gt;
  
    &lt;p&gt;(1-10) of 88&lt;/p&gt;
  
    &lt;div&gt;
     &lt;a href="ttp://validator.w3.org/check/referer"&gt;&lt;img src="http://www.cs.washington.edu/education/courses/cse190m/11sp/homework/2/w3c-xhtml.png" alt="Validate HTML"&gt;&gt;&lt;/a&gt; &lt;br&gt;
     &lt;a href="http://jigsaw.w3.org/css-validator/check/referer"&gt;&lt;img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"&gt;&lt;/a&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is how the page should be:
  <a href="https://i.stack.imgur.com/DcZZi.png" rel="nofollow noreferrer">enter image description here</a></p>