Can anyone help me with CSS selectors? I've been trying to target the second .col_content element in my code to apply a specific background image, but I haven't had any luck so far. Adding a second class would be an easy fix, but I'm curious if there's a way to do it with CSS selectors. Any solutions?
P.S. The class names might be confusing because this is a framework I created while learning about responsiveness.
<section id="slides">
<div class="container">
<div class="col-xs-12 col-md-12 col-lg-12">
</div>
<div class="col-xs-12 col-md-12 col-lg-6">
<div class="col_inner">
<div class="col_content">
<div class="product-text">
<h3>HelbizGo</h3>
<p>Next generation of electric city bikes.</p>
<a href="#">Learn more ></a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-12 col-lg-6">
<div class="col_inner">
<div class="col_content">
<div class="product-text">
<h3>HelbizGo</h3>
<p>Next generation of electric city bikes.</p>
<a href="#">Learn more ></a>
</div>
</div>
</div>
</div>
</section>