সিএসএসে গুরুত্বপূর্ণ মানে কী?


409

!importantসিএসএস মানে কী ?

এটি সিএসএস 2 এ উপলব্ধ? সিএসএস 3?

এটি কোথায় সমর্থিত? সব আধুনিক ব্রাউজার?



17
... যখনই সম্ভব এড়ানোর জন্য কিছু।
স্কট

উত্তর:


400

এর অর্থ, মূলত, এটি কী বলে; যে 'এটি গুরুত্বপূর্ণ, পরবর্তী নিয়মগুলি এবং যে কোনও সাধারণ নির্দিষ্টতা সম্পর্কিত সমস্যা উপেক্ষা করুন, এই নিয়মটি প্রয়োগ করুন !'

সাধারণ ব্যবহারে একটি বহিরাগত স্টাইলশিটে সংজ্ঞায়িত একটি বিধি বিধি দ্বারা headডকুমেন্টের সংজ্ঞায়িত স্টাইল দ্বারা বাতিল করা হয় , যা পরিবর্তিতভাবে উপাদানটির মধ্যেই একটি ইন-লাইন শৈলীর দ্বারা উপেক্ষা করা হয় (নির্বাচকদের সমান স্বতন্ত্রতা ধরে)) !important'অ্যাট্রিবিউট' (?) দিয়ে একটি নিয়ম সংজ্ঞায়িত করা 'পরে' নিয়মটিকে 'পূর্বের'গুলিকে ওভাররাইড করার ক্ষেত্রে স্বাভাবিক উদ্বেগগুলি ত্যাগ করে।

এছাড়াও, সাধারণভাবে, আরও নির্দিষ্ট নিয়ম একটি কম-নির্দিষ্ট নিয়মকে ওভাররাইড করে। তাই:

a {
    /* css */
}

সাধারণত এর দ্বারা উপেক্ষা করা হয়:

body div #elementID ul li a {
    /* css */
}

যেহেতু পরবর্তী নির্বাচনকারী আরও সুনির্দিষ্ট (এবং এটি সাধারণত হয় না, সুনির্দিষ্ট নির্বাচক কোথায় পাওয়া যায় তা বিবেচনা করে ( headবা বাহ্যিক স্টাইলশিটে) এটি এখনও কম-নির্দিষ্ট নির্বাচককে ওভাররাইড করবে (ইন-লাইন শৈলীর বৈশিষ্ট্যগুলি সর্বদা থাকবে 'আরও-', বা 'কম-', নির্দিষ্ট নির্বাচক হিসাবে এটি সর্বদা সুনির্দিষ্টভাবে ওভাররাইড করে ।

তবে, আপনি যদি !importantসুনির্দিষ্ট নির্বাচক নির্বাচনের সিএসএস ঘোষণায় যুক্ত করেন তবে এর অগ্রাধিকার থাকবে।

ব্যবহার !important(যদিও আমি তাদের মনে সংগ্রাম) তার উদ্দেশ্য আছে, কিন্তু এটা অনেক আপনার মুরগি হত্যা শিয়ালের থামাতে একটি পারমাণবিক বিস্ফোরণ ব্যবহার মত; হ্যাঁ, শিয়াল মারা যাবে, তবে মুরগিও হবে। এবং পাড়া।

এটি আপনার সিএসএসকে ডিবাগিংকে একটি দুঃস্বপ্ন করে তোলে (ব্যক্তিগত, অভিজ্ঞতাবাদী, অভিজ্ঞতা থেকে)।


253
এটি অনেক বিকাশকারীদের জন্যও অনেক বিভ্রান্তিকর, যেমনটি অনেক প্রোগ্রামিং ভাষার উপসর্গের মতো! মানে না
rustx

19
এর জন্য একটি উদ্দেশ্য হ'ল গ্রিজমোনকি স্ক্রিপ্টে যেখানে আপনি উদ্দেশ্যমূলকভাবে অন্য ব্যক্তির সিএসএসকে ওভাররাইড করছেন যা সম্ভবত আপনার চেয়ে বেশি নির্দিষ্ট।
নুমেনন

1
আনুষ্ঠানিকভাবে ডাব্লু 3 এটিকে একটি "নিয়ম" বলে।
জেডি স্মিথ

5
কমপক্ষে এটি ব্যঙ্গাত্মক নয় এবং বলেছেন important!(গুরুত্বপূর্ণ নয়)
ব্যবহারকারী 3553260

2
আপনি লিখেছেন: 'সাধারণভাবে ব্যবহারের ক্ষেত্রে বাইরের স্টাইলশিটে সংজ্ঞায়িত একটি নিয়ম ডকুমেন্টের শিরোনামে সংজ্ঞায়িত স্টাইল দ্বারা উড়িয়ে দেওয়া হয়'। এটি ভুল.
jlguenego

130

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

সুতরাং, যদি আপনার নিম্নলিখিত থাকে:

.class {
   color:red !important;
}
.outerClass .class {
   color:blue;
}

গুরুত্বপূর্ণটির সাথে নিয়মটি প্রয়োগ করা হবে ( নির্দিষ্টকরণের গণনা নয় )

আমি বিশ্বাস করি !importantCSS1 এ উপস্থিত হয়েছে তাই প্রতিটি ব্রাউজার এটি সমর্থন করে (আই 4 থেকে আই 6 পর্যন্ত আংশিক বাস্তবায়ন, আই 7 + পূর্ণ)

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


1
আই 4 +, আসলে বাগ সহ 6 টি পর্যন্ত এবং 6 সহ
বোল্টক্লক

15
বিভ্রান্তিটি !কিছু ভাষায় না থাকার প্রতীক হিসাবে দেখা দেয় তবে এটি এখন আরও স্পষ্ট।
সি 8

2
আমি বিশেষভাবে খুশী যে আপনি ব্যবহারের জন্য বাক্য গঠনটি অন্তর্ভুক্ত করেছেন !important। সিএসএস অন্যান্য ভাষার চেয়ে যথেষ্ট আলাদা যে নির্দিষ্ট কিছু জিনিস কীভাবে ব্যবহার করতে হয় তা ভুলে যাওয়া সহজ।
ব্লেয়ারআস্ট্রং

3
@ সি 8 - হ্যাঁ, এই বিভ্রান্তির কারণেই আমি সবসময়ই ভেবেছিলাম "তাদের" এটির পরিবর্তে important!বা সম্ভবত এর IMPORTANT!চেয়ে বেশি সংজ্ঞা দেওয়া উচিত ছিল !important। আমি ভাবছি যদি কেউ (যারা এটি পড়তে পারে) তারা জানেন কেন তারা সামনে বিরামচিহ্নের সাথে এটি সংজ্ঞায়িত করেছেন? স্পষ্টতই, এখন এটি পরিবর্তন করতে অনেক দেরি হয়ে গেছে।
কেভিন ফেগান

22

!important CSS1 এর একটি অংশ।

ব্রাউজারগুলি এটি সমর্থন করে: আই 5.5 +, ফায়ারফক্স 1+, সাফারি 3+, ক্রোম 1+।

এর অর্থ, এরকম কিছু:

আমাকে ব্যবহার করুন, যদি আশেপাশে আরও গুরুত্বপূর্ণ কিছু না থাকে!

এটা আরও ভাল বলতে পারেন।


5
!importantকেবল সাফারি 3+-তে সীমাবদ্ধ নয়; এটি অন্যান্য অন্যান্য নন-আইই ব্রাউজারগুলির মতো শুরু থেকেই এটি সমর্থন করেছে supported অর্থাৎ সংস্করণ 4 থেকে অনওয়ার্ড বুঝতে পারে, কিন্তু এটি শুধুমাত্র সংস্করণ 7. থেকে এটা বাগ বিনামূল্যে শুরুর সমর্থন
BoltClock

12

এটি সিএসএস ক্যাসকেডে বাছাই করতে প্রভাবিত করতে যখন উত্স অনুসারে বাছাই করা হয়। অন্যান্য উত্তরে এখানে বর্ণিত মত স্পষ্টতার সাথে এর কোনও যোগসূত্র নেই।

সর্বনিম্ন থেকে সর্বোচ্চে এখানে অগ্রাধিকারটি রয়েছে:

  1. ব্রাউজার শৈলী
  2. ব্যবহারকারীর স্টাইল শীট ঘোষণা (গুরুত্বপূর্ণ ছাড়া!)
  3. লেখক শৈলী শীট ঘোষণা (গুরুত্বপূর্ণ ছাড়া!)
  4. গুরুত্বপূর্ণ লেখক শৈলী শীট
  5. গুরুত্বপূর্ণ ব্যবহারকারীর স্টাইল শিটগুলি

পরে পাইটিতে আঙুল থাকার পরেও নিয়মের জন্য নির্দিষ্টতাটি ঘটে।

তথ্যসূত্র:


@ ফ্যাবিয়ান-বার্নি !importantযেমন নির্দেশ করেছেন তেমন ক্যাসকেডিং অর্ডার বিকাশকারী.মোজিলা.আর.ইন.ইউএস / ডকস / ওয়েব / সিএসএস / ক্যাসকেডের জন্য সংশোধক (রেফারেন্সের জন্য সারণী দেখুন)।
ডুমজুনকি

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.