/ / / Τοποθετώντας τις διαφορετικές διαιρέσεις στο css - html, css3, hover

Τοποθετώντας αιχμές διαφορετικά στο css - html, css3, hover

Προσπαθώ να εφαρμόσω κάποια επίδραση αιωρήματος σε μια εικόνα μέσα στο div. Κάτι σαν αυτό στο html

<div class="hey">
<img src="/images/./img/pic.png">
</div>

Στο CSS προσπάθησα κάτι σαν

.img:hover { some css code goes here}

αυτό λειτουργεί καλά. Αλλά τι γίνεται αν θέλω να εφαρμόσω αυτές τις αλλαγές όχι σε ολόκληρες ετικέτες IMG αλλά μόνο στην τάξη "hey"; Είναι εντάξει να κάνετε κάτι τέτοιο;

.hey [img: hover] {κάποιος κώδικας css ... νομίζω ότι αυτό δεν λειτουργεί}

Απαντήσεις:

0 για την απάντηση αριθ. 1

Θα χρησιμοποιούσα το hover στο div.

.hey:hover{
}
.hey:hover img{
}

0 για την απάντηση № 2

Δοκιμάσατε αυτό;

.hey .img:hover{
some css code
}

0 για την απάντηση № 3

θα προσπαθούσα .hey:hover { css code }


0 για την απάντηση № 4

Προσπάθησα αυτό

.hey:hover img{ some css code }

και λειτούργησε για μένα :)


-1 για την απάντηση αριθ. 5

Βρέθηκε ένας σύνδεσμος με ένα παράδειγμα

<div class="hey">
<img class="img" src="/images/./img/pic.png">
</div>

.img ~ .hey{

}

Από εδώ: http://jsfiddle.net/ThinkingStiff/a3y52/


Σχετικές ερωτήσεις


Σχόλια (0)

Πρόσθεσε ένα σχόλιο