Как убрать все стили псевдокласса с объекта с помощью js или css

231
11 марта 2018, 22:13

Как убрать все стили псевдокласса с объекта с помощью js или css. Допустим, есть <div class="block"></div> и .block:hover {background-color: red; width: 100%;} Как отменть все эти стили псевдокласса для мобильных устройств?

Answer 1

При помощи обычный медиа выражений. Можно просто спрятать, задав 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>

READ ALSO
Почему куки не корректно работают при их установке через ajax?

Почему куки не корректно работают при их установке через ajax?

Мне нужно устанавливать куки с помощью ajaxПри нажатии на ссылку, скрипт в html коде отправляет данные php скрипту

207
использование функций чужого сайта в javascript

использование функций чужого сайта в javascript

Есть некая func на сайте, при вызове ее в консоли выводится результат, но если создать свое расширение, и вызвать эту функцию выдается ошибкаДля...

146
Вызвать код прямо в консоли [требует правки]

Вызвать код прямо в консоли [требует правки]

Есть определенная функция (функция самого скрипта с сайта), при вызове которой выдается результат, но при вызове из скрипта расширения, этой...

130