29
के आधार पर मंडराना मैं निम्न HTML है:सेट एक: कक्षा
<div class="menu">
<a class="main-nav-item" href="home">home</a>
<a class="main-nav-item-current" href="business">business</a>
<a class="main-nav-item" href="about-me">about me</a>
</div>
सीएसएस में, मैं एक विशेष रंग के लिए इन मेनू आइटम के लिए a:hover सेट करना चाहते हैं। तो मैं लिखना:
.menu a:hover
{
color:#DDD;
}
लेकिन, मैं सिर्फ वर्ग मुख्य-नव-आइटम और नहीं मुख्य-नव-मद वर्तमान के साथ उन लोगों <a> टैग के लिए इस a:hover रंग सेट करना चाहते हैं, क्योंकि यह एक अलग रंग है और होवर पर नहीं बदला जाना चाहिए। मेनू div के भीतर टैग वर्तमान कक्षा के साथ किसी को छोड़कर होवर पर रंग बदलना चाहिए।
मैं सीएसएस का उपयोग करके इसे कैसे कर सकता हूं?
मैं
.menu a:hover .main-nav-item
{
color:#DDD;
}
की तरह कुछ करने की कोशिश की यह सोच कर कि मुख्य-नव-आइटम वर्ग के साथ ही लोगों को नहीं वर्तमान एक हॉवर पर रंग बदल जाएगा, और। लेकिन यह काम नहीं कर रहा है।
यह काम किया! :) क्या आप समझा सकते हैं कि ब्राउज़र द्वारा सीएसएस चयनकर्ता का अर्थ कैसे लिया जाता है? शब्दों में पसंद है। इसलिए कि मुझे तर्क पता है और यह अन्य सीएसएस के लिए उपयोगी होगा ... –
शब्दों में, वह चयनकर्ता होगा: "सभी टैग मुख्य मेन्यू-आइटम के वर्ग के साथ टैग करते हैं, और एक पूर्वजों के साथ एक पूर्वजों मेनू, जो होवर राज्य में हैं (यानी उनके ऊपर माउस कर्सर है) "। –