How to set the properties of the next element?

Question

css

<style>
.panel{
border:1px solid #000;
}
</style>

<div class="body">
    <div class="panel"></div>
    <div class="panel"></div>
</div>

Question: is it possible to set the property ' border-top:0px; ' for the next(2nd) block .panel ?

Answer 1

remembered=) .panel:last-child or .panel:nth-child or .panel + .panel

Answer 2

.panel {
  border: 1px solid black;
}
.panel + .panel {
  border-top-color: red;
}

Well, or through nth-child

Answer 3

<style>
.panel{
border:1px solid #000;
}
.custom {
 border-top:0;
}
<div class="body">
    <div class="panel"></div>
    <div class="panel custom"></div>
</div>
</style>

you can add 2-3 ... classes by making changes like this. Just in order not to produce a bunch of dirt, it’s better to think in advance how and where to insert)

Answer 4

.panel + * {
    border-top: 0px;
}