CSS'de Hover Etkiketi (?)

07.07.2017 16:09

DeepGloss Bir programcının notları Kullanıcı

Üyelik 27.03.2017
Yaş/Cinsiyet 24 / E
Meslek Yazılım
Konum Adana

Ad Soyad D** D**
Mesajlar 970
Beğeniler 485 / 236
Ticaret 42, (%100)

Selam arkadaşlar. Hover yani üzerine gelince renk değiştirme ile ilgili bir sorum olacak.

a:hover { 

    background-color: yellow;

}

kod normalde bu. Fakat bu sefer etiketi almış tüm kodlara gidiyor renk değiştirme sistemi. Ben sadece menüde bunun olmasını istiyorum.

.hover yapıp div class ile verince de olmuyor. Bu sefer background color kodu olduğu için text rengi olarak belirleniyor.

Bunu nasıl düzenleyebiliriz?

07.07.2017 16:35

#2

mert50356 WM Aracı Kullanıcı

Üyelik 01.07.2014
Yaş/Cinsiyet 32 / E
Meslek Yazılım
Konum İzmir

Ad Soyad M** P**
Mesajlar 1104
Beğeniler 180 / 265
Ticaret 26, (%100)

Site adresinizi eklerseniz yardımcı olmaya çalışayım.

Wordpress Hizmetleri | Skype: mert50356

07.07.2017 16:41

#3

mertus Graphic Designer Kullanıcı

Üyelik 29.06.2013
Yaş/Cinsiyet 34 / E
Meslek Graphic Designer
Konum Ordu

Ad Soyad M** U**
Mesajlar 200
Beğeniler 87 / 42
Ticaret 56, (%100)

Wmaraci

css



.deneme a:hover{background:#ddd;}

Bu kod sadece deneme divinin içindeki linklerin arka plan rengini değiştirir.

4 kişi bu mesajı beğendi.

07.07.2017 17:31

#4

DeepGloss Bir programcının notları Kullanıcı

Üyelik 27.03.2017
Yaş/Cinsiyet 24 / E
Meslek Yazılım
Konum Adana

Ad Soyad D** D**
Mesajlar 970
Beğeniler 485 / 236
Ticaret 42, (%100)

mertus hocam denedim fakat değişmedi. Bu arada local de çalışıyorum

07.07.2017 23:48

#5

mertus Graphic Designer Kullanıcı

Üyelik 29.06.2013
Yaş/Cinsiyet 34 / E
Meslek Graphic Designer
Konum Ordu

Ad Soyad M** U**
Mesajlar 200
Beğeniler 87 / 42
Ticaret 56, (%100)

SametDemir Local ile bir alakası yok o zaman ya html class seçicisinde bir hata yapmış olabilirsin, yada yeni bir proje ise css kalıbını çağırmada sorun olabilir, direkt olarak sayfa içerisinde kodları arasına yazmayı yada seçiciyi değiştirmeyi dener misin? Görmeden bişey demek mümkün değil onlarca olanak var, tırnak unutmuşsundur, türkçe karakter kullanmışsındır vs.vs. :)

08.07.2017 00:39

#6

Gucluyazar Proje Adamı :) Kullanıcı

Üyelik 28.03.2016
Yaş/Cinsiyet 29 / E
Meslek Sağlıkçı Webmaster
Konum İstanbul Avrupa

Ad Soyad M** S**
Mesajlar 1027
Beğeniler 372 / 319
Ticaret 15, (%100)

Sınıflar için .deneme idler için de #deneme olarak seçmeniz gerekiyor, burada mı bir hata var acaba?

08.07.2017 01:00

#7

selomany WM Aracı Kullanıcı

Üyelik 24.08.2014
Yaş/Cinsiyet 33 / E
Meslek Front-end Developer
Konum İstanbul Avrupa

Ad Soyad S** G**
Mesajlar 95
Beğeniler 13 / 31
Ticaret 0, (%0)

mertus adlı üyeden alıntı

Wmaraci

css



.deneme a:hover{background:#ddd;}

Bu kod sadece deneme divinin içindeki linklerin arka plan rengini değiştirir.

.deneme > a:hover {background-color:#ddd;} olarak dener misin?

08.07.2017 02:00

#8

Hacizade WM Aracı Kullanıcı

Üyelik 03.07.2017
Yaş/Cinsiyet 26 / E
Meslek Front end Developer
Konum İstanbul Anadolu

Ad Soyad F** H**
Mesajlar 65
Beğeniler 13 / 25
Ticaret 2, (%100)

html



Link

css


.deneme ul li a {
background:red;
}

08.07.2017 02:01

#9

Hacizade WM Aracı Kullanıcı

Üyelik 03.07.2017
Yaş/Cinsiyet 26 / E
Meslek Front end Developer
Konum İstanbul Anadolu

Ad Soyad F** H**
Mesajlar 65
Beğeniler 13 / 25
Ticaret 2, (%100)

Hacizade adlı üyeden alıntı

html





Link

css



.deneme ul li a {

background:red;

}

ek olarak bu koduda ekleyin



.deneme ul {

list-style: none;

padding: 0;

margin: 0;

}

CSS'de Hover Etkiketi (?)

Üye Girişi Yap