एचटीएमएल - सीएसएस, एचटीएमएल, हाइपरलिंक, href में अलग-अलग divs में अलग लिंक शैलियों को कैसे सेट करें

मेरे पास एक वेब पेज में दो divs हैं (देखें view_1 और view_2)। मैं चाहता हूं कि प्रत्येक div में लिंक की शैली अलग हो। मान लीजिए कि लिंक की शैलियाँ निम्नानुसार हैं:

div view_1 में लिंक की शैली:

a:link {
color: #CB4C2F;
text-decoration: none;
}
a:visited {
color: #CB4C2F;
}
a:active,
a:hover {
color: #B60A00;
}

div में लिंक की शैली view_2:

a:link {
color: #B5B5B5;
text-decoration: none;
}
a:visited {
color: #808080;
}
a:active,
a:hover {
color: #FFFFFF;
}

पृष्ठ में, मैं उपयोग में केवल div निर्दिष्ट करना चाहता हूं। मैं लिंक के लिए एक शैली निर्दिष्ट नहीं करना चाहता हूं; लिंक को उस div से शैलियों को अपनाना चाहिए जिसमें वे मौजूद हैं। इसे कैसे पूरा किया जा सकता है?

उत्तर:

अपने div में कक्षाएं जोड़ें

View_1

.view_1 a:link {
color: #CB4C2F;
text-decoration: none;
}
.view_1 a:visited {
color: #CB4C2F;
}
.view_1 a:active,
.view_1 a:hover {
color: #B60A00;
}

View_2

.view_2 a:link {
color: #B5B5B5;
text-decoration: none;
}
.view_2 a:visited {
color: #808080;
}
.view_2 a:active,
.view_2 a:hover {
color: #FFFFFF;
}