Edit in JSFiddle

.content1 {
    color: red !important;
    font-size:18px
}

.content2 {
   color: red !important;
}

.parent1 .content1 {
    color: blue; 
    font-weight:bold;
    font-size:18px 
}
.parent2 .content2 {
    color: blue;
    font-weight:bold;
    font-size:18px 
}

<h2>Test 1</h2>
<div class="parent1">
    <span class="content1">
        content
    </span>
</div>
<br>
<h2>test 2</h2>
<div class="parent2">
    <span class="content2">
        content2
   </span> 
</div>