সিএসএস নির্বাচকের মধ্যে একটি স্থানের অর্থ কী? অর্থাৎ .classA.classB এবং .classA .classB এর মধ্যে পার্থক্য কী?

Question

এই দুই নির্বাচকদের মধ্যে পার্থক্য কী?

.classA.classB {
  border: 1px solid;
}

.classA .classB {
  border: 1px solid;
}

Answer 1

.classA.classBA এবং B ( class="classA classB") উভয় শ্রেণি রয়েছে এমন একটি উপাদানকে বোঝায় ; যেহেতু .classA .classBসঙ্গে একটি উপাদান বোঝায় class="classB"সঙ্গে একটি উপাদান থেকে অবতীর্ণ class="classA"।

সম্পাদনা করুন: রেফারেন্সের জন্য নির্দিষ্ট: গুণাবলীর নির্বাচক (বিভাগ 5.8.3 বিভাগ নির্বাচন করুন)

Answer 2

এর মতো স্টাইলটি অনেক বেশি সাধারণ এবং ক্লাস "ক্লাসএ" এর যে কোনও ধরণের উপাদানগুলির অভ্যন্তরে বাসাযুক্ত ক্লাস "ক্লাসবি" এর যে কোনও ধরণের উপাদানকে লক্ষ্য করে।

.classA .classB {
  border: 1px solid; }

এটি কাজ করবে, উদাহরণস্বরূপ:

<div class="classA">
  <p class="classB">asdf</p>
</div>

এটি একটি, যে কোনও ধরণের উপাদানকে লক্ষ্য করে যা "ক্লাসএ" ক্লাস, পাশাপাশি শ্রেণি "ক্লাসবি" উভয়ই করে। এই ধরণের শৈলী কম ঘন ঘন দেখা যায় তবে কিছু পরিস্থিতিতে এটি এখনও কার্যকর।

.classA.classB {
  border: 1px solid; }

এটি এই উদাহরণে প্রযোজ্য:

<p class="classA classB">asdf</p>

তবে, এটি নিম্নলিখিতগুলির উপর কোনও প্রভাব ফেলবে না:

<p class="classA">fail</p>
<p class="classB">fail</p>

(নোট করুন যে কোনও এইচটিএমএল উপাদানটির একাধিক ক্লাস থাকে তখন এগুলি স্পেস দ্বারা পৃথক করা হয়))

Comments

ব্যর্থ কেসটি দেখানো সহায়ক।

— Hal50000

Answer 3

.classA.classBএটা মানে উভয় শ্রেণীর নাম দিয়ে উপাদান যেহেতু নির্বাচিত হবে .classA .classBমানে যে শ্রেণী নামের সঙ্গে উপাদান classBভিতরে classAশুধুমাত্র নির্বাচিত করা হবে।

Comments

এটি সঠিক, তবে প্রশ্নটি ইতিমধ্যে এক দশক আগে সঠিক উত্তর দেওয়া হয়েছিল; এটির নতুন উত্তর দরকার নেই।

— ব্রিল্যান্ড