How can I specifically target the first div with the class .tGrid-item inside the div .tGrid-row-two using Sass? The :first-child selector seems to be selecting the first t-Grid-item of each .tGrid-row-two, which is not what I want.
I am utilizing Sass for this task.
Here is an example of the code:
<div class="tGrid">
<div class="tGrid-row-four">
<div class="tGrid-row-two">
<div class="tGrid-item">
this is the one I want to select
</div>
<div class="tGrid-item">
no select
</div>
</div>
<div class="tGrid-row-two">
<div class="tGrid-item">
no select
</div>
<div class="tGrid-item">
no select
</div>
</div>
</div>
<div class="tGrid-row-four">
<div class="tGrid-row-two">
<div class="tGrid-item">
this is the one I want to select
</div>
<div class="tGrid-item">
no select
</div>
</div>
<div class="tGrid-row-two">
<div class="tGrid-item">
no select
</div>
<div class="tGrid-item">
no select
</div>
</div>
</div>
</div>