Блог

У меня есть два divs с одинаковым стилем, но я пытаюсь добавить другой класс к одному из них, чтобы изменить цвет, но вместо этого он использует стиль по умолчанию:

 <div class="advertise-content create">

<p class="choose-header">hello!</p> <a href=""></a> </div>

<div class="advertise-content offer"> <p class="choose-header">hello!</p> <a href=""></a> </div>



.advertise-content{
height:230px;
flex-basis: 29.3%; 
margin-bottom:20px;
font-size: 1.3rem;
border-radius: 4px;
border: 5px solid #09eaf1;
align-items: center;
}

.offer{
border: 5px solid #0924f1;
}
 

Сначала в первом классе вы дали одному стилю другой цвет, а затем, с другой стороны, вы дали другому стилю другой цвет. Очевидно, что потребуется первый. Чтобы решить проблему, либо удалите первый класс из одного div и добавьте стиль к его классу.

 
<p class="choose-header">hello!</p> <a href=""></a> </div>

<div class="offer"> <p class="choose-header">hello!</p> <a href=""></a> </div>



.advertise-content{
height:230px;
flex-basis: 29.3%; 
margin-bottom:20px;
font-size: 1.3rem;
border-radius: 4px;
border: 5px solid #09eaf1;
align-items: center;
}

.offer{
height:230px;
flex-basis: 29.3%; 
margin-bottom:20px;
font-size: 1.3rem;
border-radius: 4px;
border: 5px solid #0924f1;
align-items: center;
}

 But I don't recommend this one. This may make your work even harder
Another method is to add `!important` like this `border: 5px solid #0924f1!important;`. This will surely solve your problem.
 

Вам не хватает ‘<‘ в начале первого div.