• 21-08-2021, 17:43:37
    #1
    İki div katmanı var diyelim aşağıdaki gibi,
    sayfanın bir bölgeesinde;
    <div id="deneme" class="elma armut"></div>

    başka bir bölgesinde;
    <div class="meyveler"></div>

    birbirinden bağımsız ki div katmanım var.

    yapmak istediğim eğer .elma armut diye kullanılan bir classım varsa o zaman meyveler için şu özellikleri sağla.
    eğer elma ve armut diye sayfada bir class yoksa o zaman meyveler için başka bir özellik sağla.

    arkadaşlar umarım anlatabilmişimdir.
  • 21-08-2021, 17:46:06
    #2
    javascript ile yapabilirsin
  • 21-08-2021, 17:55:12
    #3
    Neden direkt olarak .meyveler class'ına .elma .armut ekleyip değiştirilmesi gereken class'a direkt özellik atamıyorsunuz.
    .meyveler{
    background-color: gray;
    }
    .meyveler.elma {
    background-color: red;
    }
    .meyveler.armut{
    background-color: yellow;
    }
    .meyveler.elma.armut{
    background-color: orange;
    }
    <div class="meyveler elma armut"></div>
  • 21-08-2021, 18:13:55
    #4
    Hocam benim sorum, birbiriyle bağlantısı olmaması gerekiyor.
    Bir divin classına göre başka bir divi tetiklemem lazım kısacası.

    MCERAN adlı üyeden alıntı: mesajı görüntüle
    Neden direkt olarak .meyveler class'ına .elma .armut ekleyip değiştirilmesi gereken class'a direkt özellik atamıyorsunuz.
    .meyveler{
    background-color: gray;
    }
    .meyveler.elma {
    background-color: red;
    }
    .meyveler.armut{
    background-color: yellow;
    }
    .meyveler.elma.armut{
    background-color: orange;
    }
    <div class="meyveler elma armut"></div>
  • 21-08-2021, 18:22:05
    #5
    Şunu deneyin.

    .elma.armut ~ .meyveler {
    background-color: orange;
    }
    <div class="elma armut"></div>
    <div class="meyveler"></div>
  • 21-08-2021, 18:24:44
    #6
    CSS kafanızı karıştırıyorsa JS ile rahat bir şekilde yapabilirsiniz

    <div class="elma armut"></div>
    
    <div class="meyveler">Test</div>

    if (document.querySelector('.elma').classList.contains('armut')) {
       console.log("Elma ve armut classları var");
       
       document.querySelector('.meyveler').style.background = "red"
    
    }
    https://jsfiddle.net/g6aqwv20/27/
  • 21-08-2021, 18:24:49
    #7
    <div class="meyveler">
    <div class="elma"></div>
    <div class="armut"></div>
    <div class="elma armut"></div>
    </div>
    <style>
    .meyveler {}
    .meyveler .elma {}
    .meyveler .armut {}
    .meyveler .elma.armut {}
    </style>
  • 21-08-2021, 18:41:01
    #8
    Teşekkür ederim hocam.
    Peki js ile bir katmana tıkladığımda sayfadaki başka bir katmana stil verebilirmiyiz?

    uA_emrezyt adlı üyeden alıntı: mesajı görüntüle
    CSS kafanızı karıştırıyorsa JS ile rahat bir şekilde yapabilirsiniz

    <div class="elma armut"></div>
    
    <div class="meyveler">Test</div>
    if (document.querySelector('.elma').classList.contains('armut')) {
       console.log("Elma ve armut classları var");
      
       document.querySelector('.meyveler').style.background = "red"
    
    }
    https://jsfiddle.net/g6aqwv20/27/
  • 21-08-2021, 19:25:15
    #9
    buddy adlı üyeden alıntı: mesajı görüntüle
    Teşekkür ederim hocam.
    Peki js ile bir katmana tıkladığımda sayfadaki başka bir katmana stil verebilirmiyiz?
    Evet tabii ki yapabilirsiniz, https://jsfiddle.net/20hfsv9w/1/ bu linkte örnek yaptım