.my-slider
.my-slider-clip
.my-slider-container
.swiper
.my-slider-clip { margin-inline: -50px; overflow: hidden; }
.my-slider-container { padding-inline: 50px; }
.ny-slider .swiper { overflow: visible; }
slidesToShow: 1;
. <div class="filter-item">
<input type="checkbox">
</div>
<div class="filter-item">
<input type="checkbox">
</div>
<div class="filter-item">
<input type="checkbox">
</div>
<button id="apply-button">показать</button>
#apply-button {
display: none;
}
.filter-item {
position: relative;
}
.filter-item input:checked ~ #apply-button {
display: block;
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
}
const button = document.getElementById('apply-button');
document.querySelectorAll('.filter-item').forEach(item => {
const cb = item.querySelector('input[type=checked]');
cb.addEventListener('change', () => {
if (cb.checked) {
item.appendChild(button);
}
})
});
CSS псевдокласс :link позволяет выбирать ссылки внутри элементов. Он выберет любую ссылку, которая ещё не была посещена, даже те, которые уже стилизованы, с помощью селекторов с другими псевдоклассами, относящимися к ссылкам, такими как :hover, :active или :visited
a:link {}
a:visited {}
a:hover {}
a:active {}
let timerId;
const timer = () => {
const text = document.querySelector('.Tag-module_content__uLsTI').textContent
if(text.slice(0, -1)<(-52)){
// ...payload
console.log('Сработало условие');
// Сработало, больше не требуется
}
else{
rel();
// Не сработало, запускаем снова через секунду
timerId = setTimeout(timer, 1000);
}
}
timerId = setTimeout(timer, 150);