যখন কোনও সিএসএস বিধি ক্রোমের উপাদান পরিদর্শককে ধূসর করে দেওয়া হয় তখন এর অর্থ কী?

Question

আমি h2গুগল ক্রোমের উপাদান পরিদর্শক এবং সিএসএসের কিছু বিধি - যা প্রয়োগ করা হয়েছে বলে মনে হচ্ছে - ব্যবহার করে কোনও ওয়েব পৃষ্ঠায় একটি উপাদানটি পর্যবেক্ষণ করছি yed দেখে মনে হচ্ছে যে ধর্মঘটের মাধ্যমে কোনও নিয়ম ওভাররাইড করা হয়েছিল, কিন্তু কোনও স্টাইল ধূসর হয়ে গেলে এর অর্থ কী?

Answer 1

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

ধূসর রঙের / পাঠ্য আউট অস্পষ্ট, অর্থ করতে পারেন পারেন

1. এটি একটি ডিফল্ট নিয়ম / সম্পত্তি যা ব্রাউজারটি প্রয়োগ করে, এতে সংক্ষিপ্ত হাতের সংজ্ঞা রয়েছে।
2. এর মধ্যে উত্তরাধিকার জড়িত যা কিছুটা জটিল।

উত্তরাধিকার

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

উত্তরাধিকারের কারণে বর্তমানে নির্বাচিত উপাদানটিতে কোনও বিধি প্রয়োগ করা হয় (যেমন বিধিটি পূর্বপুরুষের জন্য প্রয়োগ করা হয়েছিল, এবং নির্বাচিত উপাদানটি উত্তরাধিকার সূত্রে পেয়েছে), ক্রোম আবার পুরো নিয়মটি প্রদর্শন করবে।

বর্তমানে নির্বাচিত উপাদানটিতে প্রয়োগ করা নিয়মগুলি সাধারণ পাঠ্যে উপস্থিত হয়।

যদি সেই নিয়মে কোনও বিধি বিদ্যমান থাকে তবে প্রয়োগ না করা হয় কারণ এটি একটি উত্তরাধিকারসূত্রে প্রাপ্ত সম্পত্তি নয় (যেমন পটভূমির রঙ), এটি ধূসর / ম্লান বর্ণ হিসাবে প্রদর্শিত হবে।

এখানে একটি নিবন্ধ যা একটি ভাল ব্যাখ্যা দেয় - (দ্রষ্টব্য: প্রাসঙ্গিক আইটেমটি নিবন্ধের নীচে রয়েছে - চিত্র 21 - দুর্ভাগ্যক্রমে সংশ্লিষ্ট বিভাগটির শিরোনাম নেই) - http://commandlinefanatic.com/cgi-bin /showarticle.cgi?article=art033

নিবন্ধ থেকে অংশ

এই [উত্তরাধিকারের পরিস্থিতি] মাঝে মধ্যে কিছুটা বিভ্রান্তি তৈরি করতে পারে, কারণ সংক্ষিপ্ত হাতের বৈশিষ্ট্যগুলি ডিফল্ট হয়েছিল; চিত্র 21 অ-উত্তরাধিকারসূত্রে প্রাপ্ত বৈশিষ্ট্য সহ হরফ-হরফের ফন্টের সম্পত্তিটির বৈশিষ্ট্যগুলি চিত্রিত করে। উপাদানগুলি পরীক্ষা করার সময় আপনি যে প্রসঙ্গটি দেখছেন তা সম্পর্কে সচেতন হন।

Comments

বিবৃতিটি "যে নিয়মগুলি উত্তরাধিকার সূত্রে প্রাপ্ত হয়, তবে প্রয়োগ হয় না , তারা ধুসর / ম্লান লেখা হিসাবে প্রদর্শিত হবে" অসত্য is যদি প্রয়োগ না করা হয় তবে তাদের স্ট্রাইকথ্রু থাকবে। আমি আমার উত্তরটি একটি স্ক্রিনশট এবং একটি সরাসরি উদাহরণ দিয়ে আপডেট করেছি।

— রব সোবার্স

এটাই সঠিক উত্তর !!! মূল বাক্যটি হ'ল ... "যদি সেই সেটটিতে কোনও বিধি বিদ্যমান থাকে তবে প্রয়োগ হয় না কারণ এটি একটি উত্তরাধিকারসূত্রে প্রাপ্ত সম্পত্তি (যেমন পটভূমির রঙ), এটি ধূসর / ম্লান বর্ণ হিসাবে প্রদর্শিত হবে।"

— নিকো বেলিক

এটি অবশ্যই সঠিক উত্তর। যদি কোনও বিভাগের মধ্যে ধূসর বর্ণের সম্পত্তি উপস্থিত হয় যা "[নির্বাচিতের কাছ থেকে উত্তরাধিকার সূত্রে]" বলে থাকে, তবে এটি একটি উত্তরাধিকারহীন সম্পত্তি যা বর্তমান উপাদানটিতে প্রয়োগ হয় না। যে কোনও ক্রস আউট সম্পত্তি আরও নির্দিষ্ট স্টাইল দ্বারা ওভাররাইড করা হয়েছে।

— একমাত্র

অ-উত্তরাধিকার সূত্রে নিয়মগুলি যদি গ্রেটেড হয় তবে আমার ডিভ এলিমেন্টটি কেন 'প্রস্থ' নিয়মগুলি গ্রেড করেছে? প্রস্থ কি উত্তরাধিকারসূত্রে নয়? আমি এটা গুরুত্ব সহকারে জিজ্ঞাসা করছি।

— মোজফেচার

... সুতরাং যদি আপনি দেখেন যে ক্রোম সিএসএস বিধিগুলি প্রচুর পরিমাণে প্রয়োগ করা হচ্ছে - যেখানে আপনি সেগুলি থেকে মুক্ত করতে পারেন (বা তাদের মানগুলি পরিবর্তন করতে পারেন) এবং পৃষ্ঠায় একটি সম্পর্কিত পরিবর্তন দেখতে পান - এটি হতে পারে যে নিয়মটি উপাদানটিকে প্রভাবিত করে তবে বিশেষত সেই উপাদানটিতে প্রয়োগ হয় না , তবে পিতামাতার ক্ষেত্রে।

— বেন হুইলার 14

Answer 2

এর অর্থ এই যে বিধিটি উত্তরাধিকার সূত্রে প্রাপ্ত হয়েছে, তবে নির্বাচিত উপাদানটির জন্য প্রযোজ্য নয়:

http://code.google.com/chrome/devtools/docs/elements-styles.html#computed_style

ফলকটিতে কেবলমাত্র নির্বাচিত উপাদানগুলির জন্য প্রযোজ্য বিধিগুলি থেকে এমন বৈশিষ্ট্য রয়েছে। উত্তরাধিকার সূত্রে প্রাপ্ত বৈশিষ্ট্যগুলি প্রদর্শন করতে, উত্তরাধিকার সূত্রে প্রাপ্ত চেকবক্সটি সক্ষম করুন। এই জাতীয় বৈশিষ্ট্যগুলি ম্লান ফন্টে প্রদর্শিত হবে।

লাইভ উদাহরণ: "হ্যালো, ওয়ার্ল্ড!" পাঠ্যযুক্ত উপাদানটি পরীক্ষা করুন!

div { 
  margin: 0;
}

div#foo { 
  margin-top: 10px; 
}

<div id="foo">Hello, world!</div>

Comments

@ রব সুনির্দিষ্টভাবে বলতে গেলে, যখন কোনও স্টাইলকে ধূসর দেখানো হয়, এর অর্থ এটি অন্য কোনও পরিবেষ্টিত উপাদান থেকে উত্তরাধিকার সূত্রে প্রাপ্ত হয়েছে তবে এটি নির্বাচিত উপাদানটির জন্য প্রযোজ্য নয় । ডকুমেন্টেশন থেকে: "ফলকে কেবলমাত্র নিয়ম থেকে এমন বৈশিষ্ট্য রয়েছে যা নির্বাচিত উপাদানগুলিতে সরাসরি প্রযোজ্য inher

— drkvogel

@ রবসোবার্স দুর্ভাগ্যক্রমে, আমি মনে করি না যে আপনার উদাহরণ উত্তরাধিকার দেখায়। পূর্বপুরুষের পিতা বা মাতা যে ডিভ উত্তরাধিকার সূত্রে প্রাপ্ত? আপনি যদি ক্রোমের স্টাইলস ফলকে নীচে স্ক্রোল করেন তবে আপনি "উত্তরাধিকারী ..." শিরোনামে বিভাগগুলি দেখতে পাবেন সেখানে গ্রেড আউট বিধিগুলির অর্থ কী? আপনি কি এটি একটি উদাহরণে অন্তর্ভুক্ত করতে পারেন?

— নিকো বেলিক

আমি বুঝতে পারি না কেন এই উত্তরটি একটি। সেরা উত্তর হিসাবে চিহ্নিত এবং খ। অনেক upvotes আছে। এটা পরিষ্কারভাবে ভুল। মার্জিনগুলি উত্তরাধিকারসূত্রে প্রাপ্ত বৈশিষ্ট্য নয় ( স্ট্যাকওভারফ্লো.com / a / 5612360 / 24267 ) মাইকেল কলম্যানের উত্তরটি সঠিক। ওহ, আপনি পূর্বপুরুষের উপাদান থেকে উত্তরাধিকার সূত্রে বোঝাতে চাইছেন না, আপনি বোঝাচ্ছেন ... আপনি ঠিক কী বলতে চান তা আমি নিশ্চিত নই। যে কোনও হারে, ক্রোম 46 সহ এই উত্তরটি 2015 সালে সঠিক নয়

— mhenry1384

স্পষ্টতই ভোটগুলি তীরগুলি সহ কিছু এমএস পেইন্ট যাদু এবং সেই বুদ্বুদ ছায়ার প্রভাবের জন্য। ভুল হিসাবে ডাউনভোট

— ডেভিড

@ mhenry1384 "ক" সহজেই ব্যাখ্যাযোগ্য: কারণ এটি প্রশ্নটি জিজ্ঞাসা করা ব্যক্তি লিখেছেন।

— অ্যান্ড্রু গ্রিম

Answer 3

মাইকেল কলম্যানের সঠিক উত্তর রয়েছে। আমি এটির সাথে যেতে কেবল একটি সাধারণ চিত্র যুক্ত করতে চাই। তিনি যে লিঙ্কটি অন্তর্ভুক্ত করেছিলেন তার এই সাধারণ উদাহরণ রয়েছে: http://commandlinefanatic.com/art033ex4.html

এইচটিএমএল / ডিওএম দেখে মনে হচ্ছে ...

আপনি যখন পি উপাদানটি নির্বাচন করেন তখন ক্রোমের স্টাইলস ফলকটি এর মতো দেখায় ...

আপনি দেখতে পাচ্ছেন যে পি উপাদানটি পূর্বসূরীদের (ডিভ) থেকে উত্তরাধিকার সূত্রে প্রাপ্ত। তাহলে স্টাইলটি background-color: blueধূসর কেন ? কারণ এটি একটি নিয়ম-সেটের অংশ যা অন্তত একটি শৈলী যা উত্তরাধিকারসূত্রে প্রাপ্ত। সেই উত্তরাধিকার সূত্রটিtext-indent: 1em

background-color:blueউত্তরাধিকারসূত্রে নয় তবে এটি নিয়ম-সেটটির অংশ text-indent: 1emযা অন্তর্ভুক্তযোগ্য এবং ক্রোমের বিকাশকারীরা নিয়ম-সেটগুলি প্রদর্শন করার সময় সম্পূর্ণ হতে চেয়েছিল। যাইহোক, নিয়ম-সেটে শৈলীর মধ্যে পার্থক্য করার জন্য যেগুলি শৈলীগুলির মধ্যে উত্তরাধিকারসূত্রে পাওয়া যায় না, tতিহ্যবাহী নয় এমন শৈলীগুলি ধূসর হয়ে যায়।

Comments

এটি সর্বোত্তম উত্তর, কারণ এটি একটি সাধারণ ডেমো দেয়। একটি নতুন ট্যাবে সেই URL টি খুলুন এবং বিভিন্ন divগুলি এবং নির্বাচন করতে Chrome বিকাশকারী সরঞ্জামগুলি ব্যবহার করুন p। আপনি দেখতে পাবেন যে background-colorএটি ধূসর নয় div#two। কিন্তু background-colorজন্য ধূসর হয়ে যায় div#threeএবং p।

— উইসবাকী

দুর্দান্ত ব্যাখ্যা

— ডার্ক বোয়ার

Answer 4

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

Comments

এটা আমার সমস্যা ছিল। ধন্যবাদ!

— চক লে বাট

Answer 5

এর অর্থ হ'ল নিয়মটি উচ্চতর অগ্রাধিকার সহ অন্য একটি বিধি দ্বারা প্রতিস্থাপন করা হয়েছে। উদাহরণস্বরূপ স্টাইলশিটগুলি এর সাথে:

h2 {
  color: red;
}
h2 {
  color: blue;
}

পরিদর্শক color:red;নিয়মিত বর্ণমুখে এবং color:blue;সাধারণভাবে দেখায় ।

কোন নিয়ম উত্তরাধিকার সূত্রে প্রাপ্ত / উচ্চতর অগ্রাধিকার রয়েছে তা জানতে সিএসএস উত্তরাধিকার সম্পর্কে পড়ুন ।

সম্পাদনা করুন:

মিক্সআপ: গ্রে গ্রেড বিধিগুলি হ'ল আনসেট বিধিগুলি, যা একটি বিশেষ ডিফল্ট স্টাইলশিট ব্যবহার করে যা সমস্ত উপাদানগুলিতে প্রয়োগ করা হয় (যে নিয়মগুলি উপাদানকে উপস্থাপনযোগ্য করে তোলে, কারণ সমস্ত শৈলীর একটি মূল্য থাকতে হবে)।

Comments

আমি কেবল এটি পরীক্ষা করেছি এবং আমি মনে করি এটি ভুল। যে কোনও ক্ষেত্রে যখন কোনও নিয়ম বাতিল করা হয়েছে, সেখানে ধর্মঘট হবে (যেমনটি আমার প্রশ্নের ইঙ্গিত দেয়)। দেখুন: yfrog.com/f/j3fooep

— রব সোবার্স

@ রব: দেবতুলগুলি শুরু না করায় একটি মিশ্রণ হয়েছিল। আমি এটি চলমান পেয়েছি, এবং আমার পরীক্ষার উত্তর দিয়ে আমার উত্তর সম্পাদনা করেছি ।

— tcooc

আমি পুরোপুরি নিশ্চিত নই যে এটিও সঠিক; বিবর্ণ বিধিগুলি হ'ল আমি নিজের স্টাইলস শীটে সেট করেছি (যেমন, font-size: 20px;)

— রব সোবার্স

Answer 6

ওয়েবপ্যাক ব্যবহার করার সময়, কোনও সিএসএস নিয়ম বা সম্পত্তি যা সোর্স কোডে পরিবর্তন করা হয়েছে তা যখন পুনর্নির্মাণের পরে পৃষ্ঠাটি পুনরায় লোড হয় তখন ধূসর হয়ে যায়। এটি সত্যিই বিরক্তিকর এবং প্রতিবার পৃষ্ঠাটি পুনরায় লোড করতে বাধ্য করেছে।

Answer 7

ক্রোম বিকাশকারীদের নতুন সংস্করণটি কোথা থেকে উত্তরাধিকার সূত্রে প্রাপ্ত তা দেখায়।

Answer 8

প্রশ্নের ইতিমধ্যে অনেকগুলি সঠিক উত্তর রয়েছে তার দীর্ঘ পরে আমি উত্তর দিচ্ছি কারণ আমার চোম দেবটুলসে সিএসএস কোডের ব্লককে গ্রেড করে আনা এবং অকেজো করার মতো একটি ভিন্ন মামলার মুখোমুখি হয়েছে: প্রশ্নের ব্লকটিতে ইউ + 200 বি জিরো প্রশস্ত স্পেস অক্ষর রয়েছে । একবার আমি সেগুলি খুঁজে পেয়েছি এবং সেগুলি সরিয়ে ফেললে আমি আবার ক্রোম দেবটুলগুলিতে ব্লকটি সম্পাদনা করতে পারি। সম্ভবত এটি অন্যান্য অ-অসি চরিত্রগুলির সাথেও ঘটতে পারে, আমি এটি বের করার চেষ্টা করি নি।