Как убрать все стили псевдокласса с объекта с помощью js или css. Допустим, есть <div class="block"></div> и .block:hover {background-color: red; width: 100%;}
Как отменть все эти стили псевдокласса для мобильных устройств?
При помощи обычный медиа выражений. Можно просто спрятать, задав display: none;, а можно назначит нужные стили.
.block {
width: 100px;
height: 100px;
background-color: red;
}
.block:first-child {
content: "";
display: block;
width: 100px;
height: 100px;
background-color: green;
}
@media (max-width: 600px) {
.block:first-child {
display: none;
}
}
<div class="block"></div>
<div class="block"></div>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости