

hoverが効きません。

デベロッパーツールで、要素の状態を強制にすると適応はされますが  
実際にカーソル当てるだけでは効きません。  
また、.cartの要素をクリックしてもトップページに移動しないので  
.cart a:hoverやz-indexで手前にくるように指定なども試しましてみましたが、効きませんでした。

よろしくお願いいたします。

[code]

    .cart {
      display: block;
      background-color: #000;
      padding: 1rem 3rem;
    }
    
    .cart a {
      color: #fff;
      font-size: 1.6rem;
      font-weight: 500;
    }
    
    .cart:hover {
      opacity: .5;
    }
[/code]

[code]

    <div class=“cart”><a href=“#”>カートへ移動</a></div>
[/code]


CC BY-SA 4.0
2023-11-21T13:25:25.053
96871
2023-11-21T22:39:12.220
2023-11-21T22:39:12.220
59156
59156
question
html css
ボタンのhoverが効かない


hover以前にスタイルが何も適用できていないのでは？  
原因はhtmlが間違っています。`“”`（全角）ではなく`""`（半角）を使う必要があります。

[code]

    .cart {
      display: block;
      background-color: #000;
      padding: 1rem 3rem;
    }
    
    .cart a {
      color: #fff;
      font-size: 1.6rem;
      font-weight: 500;
    }
    
    .cart:hover {
      opacity: .5;
    }
[/code]

[code]

    <div class="cart"><a href="#">カートへ移動</a></div>
[/code]


CC BY-SA 4.0
2023-11-21T13:44:35.373
96872
2023-11-21T13:44:35.373
4236
96871
answer