হাইপারলিঙ্কগুলি থেকে সমস্ত স্টাইলিং / ফর্ম্যাটিং সরান

Question

আমি বিভিন্ন রঙ ( hrefলিঙ্কগুলি) সহ শব্দ সহ একটি নেভিগেশন মেনু তৈরি করছি । আমি চাই যে রঙটি কোনও রাজ্যে পরিবর্তিত হবে না (ঘুরে বেড়ানো, দেখা ইত্যাদি))

আমি জানি কীভাবে বিভিন্ন রাজ্যের জন্য রঙগুলি সেট করতে হয় তবে আমি পাঠ্য রঙটি (এবং অন্য কোনও স্টাইলিং / ফর্ম্যাটিং) যেমন রাখি তেমন কোডটি জানতে চাই।

কোনও পরামর্শ?

Answer 1

আপনি কেবল লিঙ্কের জন্য একটি শৈলী বর্ণনা করতে পারেন, যা ওভাররাইড হবে a:hover, a:visitedইত্যাদি .:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

আপনি inheritযদি পরিবর্তে পিতামাতার শৈলীগুলি থেকে বৈশিষ্ট্যগুলি ব্যবহার করতে চান তবে আপনি মানটিও ব্যবহার করতে পারেন:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Comments

গুরুত্বপূর্ণ অংশটি inheritকীওয়ার্ড। দুর্ভাগ্যক্রমে এটির 100% সমর্থন নেই।

— ডেভিড

initialআপনি যখন ডিফল্ট শৈলীতে সিএসএস রিসেট করতে চান তখনও এটি সহায়ক। এটি এখানে লিঙ্কটি

— সাইটহপার

আপনাকে অনেক ধন্যবাদ inherit!

— পার্সসার

@ ডেভিড, এটি এখনও দাঁড়িয়ে আছে? না inheritশুধুমাত্র anciet ব্রাউজারে এবং Internet Explorer কাজ করে না বা সেখানে জনপ্রিয় ব্রাউজার (ক্রোম, ফায়ারফক্স) অতি জটিলতা হয়?

— পার্সসার

পরীক্ষা করে দেখুন সেট না হিসাবে ভাল। >> আনসেট না হওয়া সিএসএস কীওয়ার্ডটি তার পিতামাতার কাছ থেকে উত্তরাধিকার সূত্রে প্রাপ্ত সম্পত্তিটিকে তার উত্তরাধিকার সূত্রে মান হিসাবে পুনরায় সেট করে এবং যদি না হয় তবে এর প্রাথমিক মানকে পুনরায় সেট করে। অন্য কথায়, এটি প্রথম ক্ষেত্রে উত্তরাধিকারী কীওয়ার্ডের মতো আচরণ করে এবং দ্বিতীয় ক্ষেত্রে প্রাথমিক কীওয়ার্ডের মতো আচরণ করে।

— জ্যাকমোরিসে

Answer 2

ক্রিস যেমন আমার আগে বলেছিলেন, ঠিক একটি aওভাররাইড করা উচিত। উদাহরণ স্বরূপ:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

এই দৃষ্টান্তে .nav aসর্বদা সবুজ হবে, এটি: হোভার এর জন্য প্রযোজ্য হবে না।

যদি এর সাথে অন্য কোনও নিয়ম প্রভাবিত হয় !importantতবে আপনি ব্যবহার করতে পারবেন , তবে আপনার উচিত নয়। এটি পড়ার খারাপ অভ্যাস

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

তারপরে এটি সবসময় সবুজ, অন্য কোনও নিয়মের সাথে অপ্রাসঙ্গিক হয়ে থাকবে।

Comments

এটি তিনি যা চেয়েছিলেন তা নয়। প্রশ্নটি আবার পড়ুন তিনি ইতিমধ্যে এটি জানেন।

— ডেভিড

@ ডেভিড আমি পুনরায় পড়েছি, বেশ নিশ্চিত যে সে যা চেয়েছিল। এই কোডটি তাকে এমন একটি স্টাইল সেট করার অনুমতি দেবে aযার জন্য :hover(বা :visitedইত্যাদি) কোনও পরিবর্তন রোধ করবে । আপনি ডিক হওয়ার পরিবর্তে এবং তিনটি উত্তর ঘষে ফেলার পরিবর্তে কীভাবে আপনি প্রকৃত সমাধানের পরামর্শ দেন?

— চামচ এনজেড

সাহায্যের জন্য ধন্যবাদ. তবে লিঙ্কটি যদি এমন হয় তবে কী হবে। 2 টি রঙে 2 টি শব্দ, তবে এটি কেবল 1 লিঙ্ক: অনন্য (গোলাপী) বিক্রয় (কালো রঙের) এবং তাদের যে রঙটি কোনও অবস্থায় থাকতে হবে। আমি এটিকে এইভাবে ইনলাইন করে দিয়েছি ... <a href="# "শৈলী="text-decoration: কিছুই" লক্ষ্য="_blank"> <স্প্যান শৈলী = "ফন্ট-পরিবার: আরিয়াল; ফন্ট-আকার: 13px; রঙ: # e91974; ফন্ট-ওজন: হালকা; "> অনন্য </ span> <স্প্যান শৈলী =" ফন্ট-পরিবার: আড়িয়াল; ফন্ট-আকার: 13px; রঙ: # 020202; ফন্ট-ওজন: লাইটার; "> বিক্রয় </ span > </a> তবে অবশ্যই একটি ক্লিনার থাকতে হবে। (সেখানে কোডটিতে এই জাতীয় লিঙ্কগুলি রয়েছে) কোনও পরামর্শ?

— সাইটহপার

Answer 3

aঅ্যাঙ্কর / হাইপারলিঙ্কের সমস্ত রাজ্য সংজ্ঞায়িত করতে আপনি কেবল আপনার স্টাইলশিটে কোনও নির্বাচক ব্যবহার করতে পারেন । উদাহরণ স্বরূপ:

a {
    color: blue;
}

সমস্ত লিঙ্ক শৈলী ওভাররাইড করে এবং সমস্ত রাজ্যকে রঙ নীল করে তুলবে।

Comments

এটি তিনি যা চেয়েছিলেন তা নয়। প্রশ্নটি আবার পড়ুন তিনি ইতিমধ্যে এটি জানেন।

— ডেভিড

Answer 4

আপনি যদি a.redLink{color:red;}হোভার এবং a.redLink:hover{color:red;} এই জাতীয় অ্যাড চালিয়ে যান তবে এটি নিশ্চিত করবে যে অন্য কোনও হোভার রাজ্যগুলি আপনার লিঙ্কগুলির রঙ পরিবর্তন করবে না