css ile li etiketinin üzerine gelince ul etiketinin özelliğini nasıl değiştirebilirim?

08-04-2020, 17:29:56

area-3 ün üzerine gelince area-1 in özelliğinin değişmesini istiyorum. Bunu css ile nasıl yapabilirim. Javascript ile yapıyorumda css ile nasıl yapılabiliyor ise öğrenmek isterim. Buna ek olarak aynı şekilde area-2 nin üzerine gelince area-3 ün özelliğini nasıl değiştirebilirim.

08-04-2020, 17:31:17

#2

WebKadir

CSS'de mumkun degil onceki eleman secilemiyor

08-04-2020, 17:32:43

#3

bulentking

Maalesef css te böyle bir özellik yok, olsa efsane olurdu

08-04-2020, 17:33:10

#4

~~Lynit~~

Üyeliği durduruldu

https://codepen.io/Nosfy/pen/VdOZEv bu örneğe bakabilirsin.

08-04-2020, 17:35:42

#5

OOWC

CSS preprocessor'leri ile rahatlıkla yapabilirsiniz. Bkz: SCSS, SASS, LESS

08-04-2020, 17:38:09

#6

musayazlik

WebKadir adlı üyeden alıntı: mesajı görüntüle

CSS'de mumkun degil onceki eleman secilemiyor

bulentking adlı üyeden alıntı: mesajı görüntüle

Maalesef css te böyle bir özellik yok, olsa efsane olurdu

Bir facebook grubundan buna benzer bir soru vardı. Dün onu jquery falan kullanarak class ekleyerek silerek yaptımda bir üye css ile kolay bir şekilde yapılabilir bu tasarım deyince kafama takıldı siz yapabilir misiniz bu tasarımı sadece css ile.

Lynit adlı üyeden alıntı: mesajı görüntüle

https://codepen.io/Nosfy/pen/VdOZEv bu örneğe bakabilirsin.

+ operatörü ile ul içindeki bir li nin üzerine gelince diğer li ye özellik verebiliyormuşuz bunu öğrendiğim iyi oldu teşekkür ederim. Bir tek li nin üzerine gelince bir üste kalan ul etiketinin özelliğini değiştirmek.

08-04-2020, 17:46:46

#7

bulentking

musayazlik adlı üyeden alıntı: mesajı görüntüle

Bir facebook grubundan buna benzer bir soru vardı. Dün onu jquery falan kullanarak class ekleyerek silerek yaptımda bir üye css ile kolay bir şekilde yapılabilir bu tasarım deyince kafama takıldı siz yapabilir misiniz bu tasarımı sadece css ile.

+ operatörü ile ul içindeki bir li nin üzerine gelince diğer li ye özellik verebiliyormuşuz bunu öğrendiğim iyi oldu teşekkür ederim. Bir tek li nin üzerine gelince bir üste kalan ul etiketinin özelliğini değiştirmek.

@Lynit; arkadaşın yukarda attığı linkde açılan dive background-image verilip yapılabilir. Soldan gelmesi için left:0; yapabilirsiniz.

08-04-2020, 21:24:37

#8

parseCode

~ selector yardımıyla belki benzer bir şeyi yapabilirsiniz