• 27-05-2022, 21:02:25
    #1
    slide-buttons class'ı içerisindeki sondan 1. linkin üzerine gelince baştan 1. butonun background ve color değişimini yapmak istiyorum kullandığım kod aşağıda ama bir türlü yapamadım neden olabilir yardımcı olur musunuz?

    .slide-buttons a:nth-last-child(1):hover .slide-buttons a:nth-child(1){
        background-color: #FFFFFF;
        color: #000000;
    }
  • 27-05-2022, 21:05:39
    #2
    .slide-buttons a:nth-last-child(1):hover{
    background-color: #FFFFFF;
    color: #000000;
    }
  • 27-05-2022, 21:07:22
    #3
    Mücahit adlı üyeden alıntı: mesajı görüntüle
    .slide-buttons a:nth-last-child(1):hover{
    background-color: #FFFFFF;
    color: #000000;
    }
    hocam ilk butona müdahale etmek istiyorum
  • 27-05-2022, 21:08:31
    #4
    ErGk adlı üyeden alıntı: mesajı görüntüle
    slide-buttons class'ı içerisindeki sondan 1. linkin üzerine gelince baştan 1. butonun background ve color değişimini yapmak istiyorum kullandığım kod aşağıda ama bir türlü yapamadım neden olabilir yardımcı olur musunuz?

    .slide-buttons a:nth-last-child(1):hover .slide-buttons a:nth-child(1){
        background-color: #FFFFFF;
        color: #000000;
    }
    sıralamadan dolayı böyle birşey yapamazsınız.
    Ancak jquery ile yapılır.

    $('.slide-buttons a:last-child').hover(function() {
        $('.slide-buttons a:first-child').css({
            property1: 'value1',
            property2: 'value2'
        });
        //veya
        $('.slide-buttons a:first-child').addClass('class_adi')
    });
  • 27-05-2022, 21:08:49
    #5
    ErGk adlı üyeden alıntı: mesajı görüntüle
    hocam ilk butona müdahale etmek istiyorum
    O düz css ile olmaz benim bildiğim hocam. 4. nün üstüne gelip 1. yi değişemezsiniz.
  • 27-05-2022, 21:10:53
    #6
    Mücahit adlı üyeden alıntı: mesajı görüntüle
    O düz css ile olmaz benim bildiğim hocam. 4. nün üstüne gelip 1. yi değişemezsiniz.
    ysozmen adlı üyeden alıntı: mesajı görüntüle
    sıralamadan dolayı böyle birşey yapamazsınız.
    Ancak jquery ile yapılır.

    $('.slide-buttons a:last-child').hover(function() {
        $('.slide-buttons a:first-child').css({
            property1: 'value1',
            property2: 'value2'
        });
        //veya
        $('.slide-buttons a:first-child').addClass('class_adi')
    });
    evet jquery e başvurmak istemedim ama çare olmadığına hem fikirsek kullanacağım teşekkürler hocalarım
  • 27-05-2022, 21:12:25
    #7
    ErGk adlı üyeden alıntı: mesajı görüntüle
    evet jquery e başvurmak istemedim ama çare olmadığına hem fikirsek kullanacağım teşekkürler hocalarım
    .slide-buttons a:last-child::hover .slide-buttons a:nth-child(1){
        background-color: #FFFFFF;
        color: #000000;
    }
    nth-last-child diye bir kavram yoktur. birde bunu dene olmazsa jquery dene
  • 27-05-2022, 21:14:21
    #8
    ysozmen adlı üyeden alıntı: mesajı görüntüle
    .slide-buttons a:last-child::hover .slide-buttons a:nth-child(1){
        background-color: #FFFFFF;
        color: #000000;
    }
    nth-last-child diye bir kavram yoktur. birde bunu dene olmazsa jquery dene
    Onunla ilgisi yok hocam nth last child olarak da çalışır fakat bu kodda ki sorun last child hover olduğunda o elemanın içinde ki ilk elemanı almaya çalışması. Dediğiniz gibi js dışı olmaz bu iş.
  • 27-05-2022, 21:16:21
    #9
    ysozmen adlı üyeden alıntı: mesajı görüntüle
    .slide-buttons a:last-child::hover .slide-buttons a:nth-child(1){
        background-color: #FFFFFF;
        color: #000000;
    }
    nth-last-child diye bir kavram yoktur. birde bunu dene olmazsa jquery dene
    Yok hocam olmuyor jquery tek çözüm duruyor