Çözüldü HTML kodu CSS'siz çalışıyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Linux Kaymak

Hectopat
Katılım
22 Haziran 2021
Mesajlar
6.460
Makaleler
11
Çözümler
29
Yer
Ankara
Merhaba arkadaşlar HTML ve CSS öğrenmeye başladım ama sorun şu ki, HTML dosyama bir türlü CSS bağlayamadım.
Kod:
HTML:
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="style.css" type="text/css" rel="stylesheet"/>
  <title>PComik-Sorunun mu var?</title>
</head>
<body>
  <div class="btn-group">

    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
    <button class="button">Button</button>
 
  </div>
</body>
</html>

CSS:
.btn-group .button {

    background-color: #e67e22;

    border: 1px solid green;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    cursor: pointer;

    width: 150px;

    display: block;
}

.btn-group .button:not(:last-child) {

    border-bottom: none; /* Çift borderleri önler */
}

.btn-group .button:hover {

    background-color: #b3621a
}
 
Çözüm
Arkadaşlar verdiğim rahatsızlık için kusura bakmayın. style.css dosyasını kaydetmeyi unutmuşum. Teşekkürler.
1675439545750.png


Bağlanıyor. CTRL+F5 yapın öyle deneyin.

".button:hover" değil de ".button::hover" şeklinde sanırım doğrusu.

:hover şeklinde hocam.
 

Geri
Yukarı