CSS | :not(:first-child):beforSelector

Viewed 36

I want to add a semi circle befor of div.

I use this css.

circle-inner {
display: flex;
flex-direction: column;
padding: 15px;
text-align: center;
width: 100%;
margin-left: 10px;
align-items: center;
justify-content: center;
color: white;
position: relative
}

.circle-inner::before {
    position: absolute;
    top: 0;
    left: 70%;
    width: 160px;
    height: 80px; /* as the half of the width */
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 2px dashed white;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
}

it is ok, but i want to remove this for first-child.

I usethis but dont show for every div.

 .circle-inner:not(:first-child)::before {
    position: absolute;
    top: 0;
    left: 70%;
    width: 160px;
    height: 80px; /* as the half of the width */
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 2px dashed white;
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
}
0 Answers
Related