Q&A
HTML
1 2<body> 3 4 <div id="btn"> 5 ? 6 </div> 7 8 <script src="js/main.js"></script> 9</body> 10</html>
CSS
1body { 2 background: rgb(173, 172, 172); 3} 4 5#btn { 6 width: 300px; 7 height: 300px; 8 background: red; 9} 10 11.another { 12 background: green; 13}
javascript
1 2const btn = document.getElementById("btn"); 3btn.addEventListener("click",()=> { 4 document.querySelector("div").classList.add("another"); 5}); 6
クリックを行いdivにクラスを追加して色を変化させたいです。
こちらのコードでは何も変わりません。
どなたかわかる方いらっしゃいますでしょうか。
回答1件
0
ベストアンサー
詳細度の問題です。
CSS
1#btn.another { 2 background: green; 3}
【詳細度 - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/Specificity
投稿2020/04/26 09:56
総合スコア69606
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。