Class İle Başka Classi Etkileme

ilkerermurat (1) 7 yıl önce sordu

Arkadaşlar ben

.class1 {

color:blue;

}

.class2 {

color:red;

}

böle bi class ta class1'e tıklayınca class2 deki rengin mavi olmasını istiyorum?? class lar iç içer değil 

<p class="class1">Class 1</p>

<p class="class2">Class 2</p>

bu şekilde yardımlarınızı bekliyorum

Toplam 1 cevap


alattin (17014) 7 yıl önce cevapladı
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <style>
        .class1 {
            color: blue;
        }

        .class2 {
            color: red;
        }
    </style>
    <p class="class1">Class 1</p>

    <p class="class2">Class 2</p>
    <script>
        $(function () {
            $('.class1').click(function () {
                $('.class2').css('color', 'blue');
            })
        })
    </script>
</body>
</html>

örnekteki gibi jquery ile basitçe yapabilirsin.