Бразы , нужна ваша помощь вопрос в следующем :


есть html document <div class="leftContent">
                <h2>Sales Update - Special Seal Scrolls, Artifacts and Power of Change!</h2>
                <img src="image/imgLeftContent.jpg" alt="image">
                <p class="p"> 
                “Wow, you already have some new shiny armor from the Parallel World, Aurelius!“ Sonya was perplexed as she saw her friend approaching in armor that made him look like he could tank 3 bosses at once, with no problems a...
                </p>
                
            </div>
            <hr / >
я ему задал в css : hr{
    background-color:#000000;
    height: 1px;
    width: 720px;
    border:0px none;

}

т.е. обычная чёрная линия размером 1px  , но вот вопрос как быть если мне нужна такая же линия только уже не в content а в sidebar  - я создаю ещё одну <hr/> в блоке под sidebar но она у меня почему то наследует абсолютно все свойства с первой <hr/>  пробовал и класс задавать и id результата никакого.....
Помогите раку с глубокого дна плс