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: "";
}