<div class="class-1 class-2">
Some text
</div><div class="class-1">
<div class="class-2">
Some text
</div>
</div>
.container:hover .box {...} 
stroke-dasharray - это стандартный выбор. Но dash array может быть длинным, им можно описать самые разные последовательности линий и пробелов, так что если вам не нужны разные цвета, то можно сделать одну линию:
@property
.inst {
position: fixed;
top: 776px;
left: 2100px;
}html,
body {
margin-top: 0;
height: 100%;
font-family: "Montserrat", sans-serif;
background: #d9d9d9;
width: 1760px;
height: 768px;
}
.tobuy-shance__title_accent {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
// Кнопка
const nextvideo = document.getElementById('nextvideo');
// Видео элемент
const videoElement = document.getElementById("video");
// Массив путей
const vids = [
"../assets/img/web_1.mp4",
"../assets/img/web_2.mp4",
"../assets/img/web_3.mp4"
];
// Счётчик
let idx = 0;
// Устанавливаем первый урл как первое видео.
videoElement.src = vids[0]
// Совмещаем всё вместе в обработчике клик
nextvideo.addEventListener('click', function () {
// Цикличность счётчика:
// Если следующее значение выходит за длину массива минус 1 (выражено знаком "меньше"),
// то обнуляем, в противном случае увеличиваем на 1.
idx = idx + 1 < vids.length ? idx + 1 : 0;
const nextVideoUrl = vids[idx];
videoElement.src = nextVideoUrl
})
display: block;
height: 1px;
width: 100%;
background-color: #fffdisplay: flex;
align-items: flex-end;
justify-content: space-between;
const response = await fetch('data.json');
const data = await response.json();
console.log(data);npx, например: npx serve.