<div class="content row">
<div class="large-8 large-centered columns">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, deserunt, ipsam, magni ex architecto id harum repudiandae cumque modi dolorum obcaecati tempora eius ad et perferendis ratione eum mollitia adipisci.</p>
<a href ="#0" class="button readmore">Citeste tot</a>
</div>
</div>
and i put the next css
.content {
position: relative;
z-index: 4;
color: #fff;
text-align: center;
padding-top: 5%;
}
why i need to put ( .content h2 {color:#fff;} ) to transform my h2 white?