সিএসএস নির্বাচকদের ক্ষেত্রে শ্রেণীর নামগুলি কি সংবেদনশীল?

Question

আমি সর্বত্র পড়তে থাকি যে সিএসএস কেস সংবেদনশীল নয়, তবে আমার এই নির্বাচক রয়েছে

.holiday-type.Selfcatering

যা আমি যখন আমার এইচটিএমএল এ ব্যবহার করি তখন তা বাছাই হয়ে যায়

<div class="holiday-type Selfcatering">

আমি যদি উপরের সিলেক্টরটিকে এভাবে পরিবর্তন করি

.holiday-type.SelfCatering

তারপরে স্টাইলটি তোলা হয় না।

কেউ মিথ্যা বলছে।

Comments

এই গল্পের নৈতিকতা সর্বদা সময় সংবেদনশীল হতে পারে - এবং পিছনে উইলির নিলিতে বাউন্স করবেন না। আপনি দেখতে পাবেন যে আপনার কোডটি পড়া সহজ এবং আপনার বাম অংশগুলি যে কেউ গ্রহণ করবে এটি প্রশংসা করবে।

— কিংডাঙ্গো

আমি এখন থেকে সংবেদনশীল হিসাবে আচরণ করছি। শ্রেণি = "মূল্য" কাজ করছে না, শ্রেণি = "মূল্য" কাজ করছে, সুতরাং প্রতিদিনের ব্যবহারিক ক্ষেত্রে তারা সংবেদনশীল।

— টিনো ম্যাকলারেন

দেখুন একটি সম্পূর্ণ "কেস ম্যাট্রিক্স" , মামলা সংবেদনশীলতা সম্পর্কে বৈশিষ্ট্য মান এবং নির্বাচকরা ।

— পিটার ক্রাউস

মজার বিষয়, আমি ধারাবাহিকভাবে আমার ক্লাসের নামে উটকেস ব্যবহার করছিলাম, তবে সিএসএস এটি আইওএস ওয়েবভিউতে তুলে ধরেনি। সুতরাং নৈতিক হ'ল, সর্বদা-ক্লাসের জন্য-ব্যবহার-ড্যাশ।

— এপিকপান্ডাফোরস

Answer 1

সিএসএস নির্বাচকরা সাধারণত কেস-সংবেদনশীল হয়; এর মধ্যে শ্রেণি এবং আইডি নির্বাচনকারী রয়েছে।

কিন্তু এইচটিএমএল বর্গ নাম হয় কেস সংবেদনশীল (অনুষঙ্গ সংজ্ঞা দেখুন), এবং আপনার দ্বিতীয় উদাহরণে একটি মেলেনি ঘটাচ্ছে যে। এই পরিবর্তন হয়নি HTML5 এর । ¹

এটি কারণ নির্বাচকদের ক্ষেত্রে-সংবেদনশীলতা নথির ভাষাতে যা বলে তার উপর নির্ভরশীল :

নির্বাচকদের নিয়ন্ত্রণাধীন নয় এমন অংশ ব্যতীত সমস্ত নির্বাচক বাক্য গঠনটি ASCII সীমার মধ্যে (যেমন [অ্যাজেড] এবং [এজেড] সমতুল্য) ক্ষেত্রে সংবেদনশীল। নির্বাচকগুলিতে নথির ভাষার উপাদানগুলির নাম, বৈশিষ্ট্যের নাম এবং বৈশিষ্ট্যগুলির ক্ষেত্রে সংবেদনশীলতা নথির ভাষার উপর নির্ভর করে।

সুতরাং, Selfcateringক্লাস সহ একটি এইচটিএমএল উপাদান দেওয়া হয়েছে তবে একটি শ্রেণি ছাড়াই SelfCateringনির্বাচকরা .Selfcateringএবং [class~="Selfcatering"]এটির সাথে মিলবে, যখন নির্বাচকরা .SelfCateringএবং [class~="SelfCatering"]না করে। ²

যদি দস্তাবেজ টাইপ সংজ্ঞাগত হিসাবে শ্রেণীর নাম সংজ্ঞায়িত করে, তবে আপনার নির্বিশেষে একটি মিল থাকবে।

---

¹ _{সমস্ত ব্রাউজারের জন্য কুইর্কস মোডে, ক্লাস এবং আইডি কেস-সংবেদনশীল। এর অর্থ কেস-অমিল নির্বাচনকারীরা সবসময় মিলবে। এই আচরণটি উত্তরাধিকারগত কারণে সমস্ত ব্রাউজারগুলিতে সামঞ্জস্যপূর্ণ এবং এই নিবন্ধে উল্লেখ করা হয়েছে ।}

² _{এটির মূল্যের জন্য, নির্বাচক স্তর 4 এ অ্যাট্রিবিউট মানগুলি ব্যবহার করে [class~="Selfcatering" i]বা ক্ষেত্রে ব্যবহার করে কেস-সংবেদনশীল অনুসন্ধান জোর করার জন্য প্রস্তাবিত বাক্য গঠন রয়েছে [class~="SelfCatering" i]। উভয় নির্বাচকই কোনও এইচটিএমএল বা এক্সএইচটিএমএল উপাদানটির সাথে একটি Selfcateringশ্রেণি বা SelfCateringশ্রেণীর (বা অবশ্যই, উভয়) মিলিয়ে যাবে । তবে শ্রেণি বা আইডি নির্বাচকদের (এখনও?) এর জন্য এমন কোনও সিনট্যাক্স নেই, সম্ভবত তারা নিয়মিত বৈশিষ্ট্য নির্বাচকদের ( যাঁর সাথে কোনও শব্দার্থবিজ্ঞানের কোনও সম্পর্ক নেই) বিভিন্ন শব্দার্থবিজ্ঞান বহন করে বা ব্যবহারযোগ্য সিনট্যাক্স নিয়ে আসা কঠিন বলে কারণ।}

Comments

ওহ, আমার জেসফিল্ড পরীক্ষাটি ইঙ্গিত করে ঠিক এর বিপরীত । সেখানে divএবং DIVনির্বাচক উভয়ই মিলেছে <div>, তবে আইডি এবং শ্রেণির নাম নির্বাচকদের অবশ্যই হুবহু সংবেদনশীল হতে হয়েছিল। আমি যদি আপনার উত্তর ভুল বুঝে না?

— মটর এর রডি

ফ্রোজেন মটর @ রডি: এটি এইচটিএমএল ক্লাস এবং আইডি কেস সংবেদনশীল, তবে ট্যাগের নাম নয়। এই কারণে আমি আমার উত্তরটির বাইরে ট্যাগের নামগুলি রেখেছি। (যাইহোক, ট্যাগের নামগুলি ডক্টাইপ নির্বিশেষে সত্য এক্সএইচটিএমএলগুলিতে কেবল সংবেদনশীল - জেএসফিডেল আপনাকে পৃষ্ঠাটিকে অ্যাপ্লিকেশন / এক্সএইচটিএমএল + এক্সএমএল হিসাবে পরিবেশন করতে বাধ্য করতে পারলে, DIVনির্বাচক আর মেলে না))

— বোল্টক্লক

@ বল্টক্লক এখানে "ডকুমেন্ট ল্যাঙ্গুয়েজ" এর অর্থ কী?

— গিক

@ গীক: "ডকুমেন্টের ভাষা" বলতে আপনি সিএসএস প্রয়োগ করছেন, বেশিরভাগই এইচটিএমএল, এক্সএইচটিএমএল বা এক্সএমএল এর ভাষা বোঝায়। আপনি সংজ্ঞা এখানে পেতে পারেন ।

— BoltClock

অন্য কেউ কি পুরোপুরি বিভ্রান্ত? নির্বাচকরা যদি হন তাহলে মধ্যে সংবেদনশীল, তারপর সংজ্ঞা দ্বারা, না কি যে সিএসএস ক্লাস (না তাদের নির্বাচন নির্বাচকরা সম্পর্কিত কেস) মধ্যে সংবেদনশীল, অত্যধিক? অন্য কথায়, একে অপরের সাথে সম্পর্কিত (সিএসএস ক্লাস এবং নির্বাচক) - যদি কোনও ক্ষেত্রে সংবেদনশীল হয় তবে তার অর্থ তারা উভয়ই। এখনো অন্য কথায় - যদি আমার নির্বাচক হয় .selfcateringএবং নির্বাচকরা যদি অবশ হয় কেন এটা যত্ন করা উচিত কিনা ক্লাস হয় Selfcateringবা SelfCateringবা sElfcAtErInG? আমি কী মিস করছি?

— jbyrd

Answer 2

সম্ভবত একটি মিথ্যা নয়, তবে স্পষ্টতার প্রয়োজন।

প্রকৃত CSS নিজেই কেস সংবেদনশীল নয়।

উদাহরণ স্বরূপ

wiDth:100%;

তবে নামগুলি, তাদের অবশ্যই অনন্য সনাক্তকারী হতে কেস সংবেদনশীল হতে হবে।

আশা করি এইটি কাজ করবে.

Answer 3

কুইর্কস মোডে সমস্ত ব্রাউজার সিএসএস ক্লাস এবং আইডি নাম ব্যবহার করার সময় কেস-সংবেদনশীলের মতো আচরণ করে।

কুইর্কস মোডে সিএসএস ক্লাস এবং আইডি নামগুলি সংবেদনশীল নয়। মান মোডে তারা কেস সংবেদনশীল। (এটি এলিমেন্টবাইক্লাসনামের ক্ষেত্রেও প্রযোজ্য।) আরও পড়ুন।

কখনও কখনও আপনার যখন বেলোর মতো ভুল ডক্টিপস থাকে তখন আপনার ব্রাউজারটি কুইর্কস মোডে চলে যায়।

<!DOCTYPE html PUBLIC>
<!DOCTYPE html anytext>

আপনার স্ট্যান্ডার্ড ডক্টাইপ ব্যবহার করা উচিত

এইচটিএমএল 5

<!DOCTYPE html> 

এইচটিএমএল 4.01 স্ট্রাইক

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

এইচটিএমএল 4.01 ট্রানজিশনাল

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

এইচটিএমএল 4.01 ফ্রেমসেট

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 

এক্সএইচটিএমএল 1.0 কঠোর

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

এক্সএইচটিএমএল 1.0 ট্রানজিশনাল

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

এক্সএইচটিএমএল 1.0 ফ্রেমসেট

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 

এক্সএইচটিএমএল 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

যদি আপনার সিএসএস শ্রেণি বা আইডি নামগুলি কেস সংবেদনশীল আচরণ করে তবে দয়া করে আপনার ডক্টিপটি পরীক্ষা করুন।

Answer 4

সিএসএস হ'ল সংবেদনশীল।

তবে এইচটিএমএল 5 এ ক্লাস এবং আইডি কেস সংবেদনশীল

সুতরাং, সিএসএস বৈশিষ্ট্য, মান, ছদ্ম শ্রেণীর নাম, ছদ্ম উপাদান নাম, উপাদান নামগুলি সংবেদনশীল

এবং সিএসএস ক্লাস, আইডি, ইউআরএল, ফন্ট-পরিবারগুলি সংবেদনশীল।

দ্রষ্টব্য: এইচটিএমএল কিরিকস মোডে সিএসএস এমনকি আইডি এবং শ্রেণীর ক্ষেত্রেও সংবেদনশীল (

কোডপেনের উদাহরণ: https://codepen.io/swapnilPakolu/pen/MWgvQyB?&edable=true#anon-signup

<!DOCTYPE html>
<html>
<head>
<title>CSS case sensitive ?</title>
<style>

P#id
{color:RED;}

p#ID
{font-size:30PX;}

#iD
{BORDER:4px solid blue;}

.class
{text-decoration:underLine;}

.CLASS
{background-color:graY;}

.Class
{font-weight:900;}

#ID::afTeR
{conTent:"colored text";
disPlay:bLock;
color:#fAdAcA;}

.class:hoVeR
{background-color:lightblue;}

</style>
</head>
<body>
<p id="id" class="class">red and underline</p>
<p id="ID" class="CLASS">30px font size and gray background</p>
<p id="iD" class="Class">bold and blue border</p>
</body>
</html>