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

<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;
}
css
1
Shanediesel 2 Мар 2021 в 13:16

2 ответа

Лучший ответ

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


<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.
0
Karambir Singh 2 Мар 2021 в 11:25

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

-1
Spreceriany 2 Мар 2021 в 10:26