Изменить класс из другого класса - PullRequest
Новая
       0

Изменить класс из другого класса

0 голосов
/ 12 февраля 2020

Извините, я не уверен, как go о названии, поэтому я уточню в коде ниже 

body, html {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: 
}

.reallycooltextcolor{
  color: black;
}
.reallycooltextcolor:hover {
  color: white;
  /*here is where i want to change reallycoolbackgroundcolor to somthing else*/
}
.reallycoolbackgroundcolor {
  background-color: white;
}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Scaledish</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" type="image/png" href="https://preview.redd.it/y50x69der7h31.png?width=960&crop=smart&auto=webp&s=9179a708e2b531b3b89eed861c75d04375e6510b" />
  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
</head>

<body>
  <div class="reallycoolbackgroundcolor">
    <div class="reallycooltextcolor">
    hi
  </div>
  </div>
  
  <script src="script.js"></script>
</body>

</html>

Классный класс текста: текст на странице

Классный класс фона: фон страницы

Как бы вы go об этом? предполагая, что это требует js? спасибо за помощь

1 Ответ

0 голосов
/ 12 февраля 2020

Вы можете сделать это в JavaScript

var elems = document.querySelectorAll(".reallycooltextclass");
for (var i = 0; i < elems.length; i++) {
  elems[i].addEventListener("mouseenter",function() {
    var coolbgs = document.querySelectorAll(".reallycoolbackgroundclass");
    for (var j = 0; j < collbgs; j++) {
      coolbgs[j].style.background='black';
    }
  });
  elems[i].addEventListener("mouseleave", function() {
    ... //reset to normal
  });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...