Select second 2nd child div from within the parents div

Question

Hi I'm having problems selecting the second div from it's parent div.

Here is what I'm using:

.manufacturer_box div:nth-child(2){
 border-top: 2px solid #e0e0e0; 
 }

This is the output:

<div class="manufacturer_box">
    <div class="manufacturer_title">
        <h1>Title</h1>
        </div>
    <div style="border-top: 1px solid #e5e5e5; width: 100%; line-height: 22px;">
        <span style="color: #999999; font-size: medium;"><br> 
        <span style="color: #333333;"></span> </span>
    </div>
</div>

Would appreciate any help.

Answer 1

You need to remove inline style from the second div tag

<div style="border-top: 1px solid #e5e5e5; width: 100%; line-height: 22px;">

It is overriding your css style.

For whatever reason if you want to keep the style, use !important although I highly DO NOT recommend this approach because it is very very bad practice but that's an option (however bad).

    .manufacturer_box div:nth-child(2) {
            border-top: 5px solid #e0e0e0 !important; 
     }