كس 3 / الانتقال / تغيير لون الخط على غراند غراند غراند الوالد أكثر

Question

أنا اللعب حولها مع الانتقال كس 3.آمل أن سؤالي لن يكون مستجد جدا وواقعية:) في الأساس ، كلما المستخدمين الماوس فوق بعض العناصر ، لقد غيرت عبر كس لون النص.

الآن المشكلة لدي هي أن :لدي مربع ديف مع اسم المنتج الذي يتم تضمينه في عنصر رئيسي سبان ، والذي يحتوي أيضا على بيانات أخرى.أود تغيير لون المنتج الخاص بي كلما تجاوز المستخدمون عناصر الامتداد الرئيسية.

من أجل أن تكون أكثر دقة هنا هو رمز هتمل :

<span class="wrapper_productbox">
<a href="P1.html" title="" class="product-image"><img src="P1.jpg" width="210" height="210" alt=""/></a>
<div class="categoryProductBox">
    <div class="product-name">
        <a href="P1.html" title="PRODUCT NAME">PRODUCT NAME</a>
    </div>
</div></span>

لذلك لتلخيص أود أن أعرف ما إذا كان هناك طريقة في كس لتغيير لون الخط من المنتج اسم عنصر كلما المستخدمين الماوس فوق عنصر رابر_برودوكتبوكس الرئيسي أو المنتج صورة عنصر.

شكرا جزيلا لمساعدتكم :)

Answer 1

خياران

كل مختلفة قليلا.

سيؤدي هذا إلى تنشيط التمرير فوق حتى المساحة البيضاء في ال .wrapper_product صندوق (مثال كمان):

.wrapper_productbox:hover .product-name a {
    color: red;
}

سيؤدي هذا فقط إلى تنشيط التمرير فوق الاثنين a العلامات داخل ال .wrapper_productbox (مثال كمان):

a:hover + .categoryProductBox a,
.categoryProductBox a:hover {
    color: red;
}

Answer 2

p> هنا يستخدم العرض التوضيحي القليل من jQuery.إذا كنت تفضل CSS Pure CSS، فعليك إعادة إنشاء رمز HTML الخاص بك قليلا وبالتأكيد لفصل القسم الخاص بك مع DIV لا تمتد لأن SPAN سيكون لها ارتفاع قصير للغاية ولن تستجيب لحومتك حتى.

giveacodicetagpre.