Комбинатор'~' выбирает элементы, которые находятся после указанного элемента, если у них общий родитель.
Синтаксис: A ~ B
Пример: p ~ span выберет все элементы , которые находятся после элемента внутри одного родителя
body {margin:0;}
* {
box-sizing: border-box;
}
.box {
width:50%;
background-color:coral;
}
.box-img {
width:100%;
display:block;
}
.box-header {
width:100%;
text-align:center;
font-size:28px;
line-height:28px;
background-color:red;
margin:0;
}
.box-text {
width:100%;
text-align:center;
font-size:16px;
line-height:16px;
background-color:red;
margin:0;
}
.marker>ul>li {
list-style: none;
line-height: 30px;
padding-left: 30px;
}
.main-mnu li {
line-height: 48px;
padding: 0 5px;
}
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);