SCSS

by Kevin

HTML

<div class="mainInfo">
		  <div>This is the 1st Div
		    <div>Lorem ipsum.</div>
		    <div>Quis, reiciendis.</div>
		    <div>Repudiandae, inventore!</div>
		  </div>
      &nbsp;
      &nbsp;
		  <div>This is the 2nd Div
		    <div>Lorem ipsum.</div>
		    <div>Voluptates, minima.</div>
		    <div>Minima, assumenda?</div>
		  </div>
      &nbsp;
      &nbsp;
		  <div>This is the 3rd Div **The only one I want to select**
		    <div>Lorem ipsum.</div>
		    <div>Dolores, ullam!</div>
		    <div>Sequi, eligendi!</div>
		  </div>
      &nbsp;
      &nbsp;
		  <div>This is the 4th Div
		    <div>Lorem ipsum.</div>
		    <div>Recusandae, commodi.</div>
		    <div>Reiciendis, nostrum.</div>
		  </div>
		</div>

SCSS

$blue: #0084ff;
$blue-darker: darken($blue, 5);

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
  color: white;
}

.mainInfo {
	div {
		&:nth-of-type(3) {
			background-color: #302b44;
      border: 2px solid #FFF;
      padding: 14px;
		}
	}
}