হোভারের নাম থেকে আন্ডারলাইন কীভাবে সরাবেন

Question

আমার এই জাতীয় এইচটিএমএল রয়েছে:

<legend class="green-color"><a name="section1">Section</a></legend>

legend.green-color{
    color:green;
}

আমার ক্ষেত্রে Sectionসবুজ দেখতে দেখতে, তবে আমি যখন এটিতে মাউস পয়েন্টার লাগিয়েছি এটি একটি হেরেফের মতো লাগছিল, তবে আমি চাই এটি আন্ডারলাইন এবং বর্ণ পরিবর্তন না করে কেবল একই থাকুক।

সিএসএস পরিবর্তন না করে বা ন্যূনতম সিএসএস ক্যাহঞ্জ দিয়ে অর্জন করা কি সম্ভব?

বা jquery সঙ্গে একরকম হতে পারে?

Answer 1

এটা চেষ্টা কর:

legend.green-color a:hover{
    text-decoration: none;
}

Comments

বুটস্ট্র্যাপ ব্যবহার করা লোকদের জন্য এফওয়াইআই ... এটির জন্য আমার "কিছুই নয়" পরে "গুরুত্বপূর্ণ" ব্যবহার করা দরকার। উদাহরণ: এ: হোভার {পাঠ্য-সজ্জা: কিছুই নয়! গুরুত্বপূর্ণ; }

— জাস্টব্লসম

Answer 2

অ্যাঙ্কর ট্যাগের জন্য পাঠ্য সজ্জা সরান

<a name="Section 1" style="text-decoration : none">Section</a>

Comments

ইন-লাইন শৈলীগুলি ব্যবহার করা এটি একটি দুর্বল অনুশীলন হিসাবে বিবেচিত। পরে রক্ষণাবেক্ষণের কাজটি হ্রাস করতে শৈলীর থেকে এইচটিএমএল আলাদা করা ভাল।

আমি এখানে শিখা যুদ্ধ চালিয়ে যাওয়া বোঝাতে চাইছি না, তবে আমি এই লাইন শৈলীটি পছন্দ করি। আমি বলতে চাইছি আমার এইচটিএমএল ফাইলটিতে কেবল এই ধরণের স্টাইলটি এক বা দুইবার প্রয়োজন। আমি পৃথক স্টাইল শীট তৈরি করে সময়কে ন্যায্য দেখছি না এমনকি বিচ্ছেদও ভাল অনুশীলন করে।

— ব্যবহারকারীর 45454439

Answer 3

এটি করার জন্য আপনি সিএসএস ব্যবহার করতে পারেন legend.green-color a:hover।

legend.green-color a:hover {
    color:green;
    text-decoration:none;
}

Answer 4

রঙটি রাখতে এবং লিঙ্কটিতে একটি আন্ডারলাইন প্রতিরোধ করতে:

legend.green-color a{
    color:green;
    text-decoration: none;
}

Answer 5

আপনি নির্দিষ্ট লিঙ্কে একটি আইডি বরাদ্দ করতে পারেন এবং সিএসএস যুক্ত করতে পারেন। নীচের পদক্ষেপ দেখুন:

1. আপনার পছন্দের একটি আইডি যুক্ত করুন (অবশ্যই একটি অনন্য নাম হতে হবে; কেবল একটি সংখ্যা দিয়ে নয় পাঠ্য দিয়ে শুরু করতে পারেন):

<a href="/abc/xyz" id="smallLinkButton">def</a>

2. তারপরে নিম্নলিখিত সিএসএস যুক্ত করুন:

   #smallLinkButton:hover,active,visited{
   
         text-decoration: none;
         }
   

Answer 6

legend.green-color{
    color:green !important;
}