2 শ্রেণি উপস্থিত থাকলে আপনি কি সিএসএস সহ কোনও উপাদানকে লক্ষ্য করতে পারবেন?

Question

আপনি সম্ভবত ইতিমধ্যে জানেন যে আপনার কাছে কোনও স্থান দ্বারা পৃথক পৃথক উপাদানগুলির একাধিক ক্লাস থাকতে পারে।

উদাহরণ

<div class="content main"></div>

এবং সিএসএসের সাহায্যে আপনি এটির সাথে লক্ষ্যভেদ করতে পারেন divউভয়ই .contentবা .main। উভয় শ্রেণি উপস্থিত থাকলে এবং কেবলমাত্র এটির লক্ষ্য করার কোনও উপায় আছে কি ?

উদাহরণ

<div class="content main">I want this div</div>
<div class="content">I don't care about this one</div>
<div class="main">I don't want this</div>

আমি প্রথম কোন সিএসএস নির্বাচনকারীকে প্রথম পেতে div(ধরুন আমি ব্যবহার করতে পারি না .content:first-childবা অনুরূপ করতে পারি )?

Answer 1

হ্যাঁ, কেবল তাদের সাথে সম্মতি দিন : .content.main. দেখুন সিএসএস বর্গ নির্বাচক ।

তবে মনে রাখবেন যে সংস্করণ 6 পর্যন্ত ইন্টারনেট এক্সপ্লোরার একাধিক শ্রেণি নির্বাচককে সমর্থন করে না এবং কেবল সর্বশেষ শ্রেণীর নামটি সম্মান করে।

Comments

যতক্ষণ না এটি 'আপ' এবং 'আই 6 অন্তর্ভুক্ত নয়' :)

— অ্যালেক্স

না, আই 66 শৃঙ্খলযুক্ত সিএসএস নির্বাচককে সঠিকভাবে বুঝতে পারে না। এই নিয়মটি ক্লাস = "প্রধান" সহ সমস্ত উপাদানগুলিতে প্রযোজ্য হবে সেগুলি নির্বিশেষে তারা শ্রেণি = "সামগ্রী"

— গ্যারেথ

: IE6 জন্য একটি চিত্রণ কেউ জন্য অন্যান্য ব্রাউজার বনাম যারা বজায় রাখে stackoverflow.com/questions/3772290/...

— BoltClock

Answer 2

শুধু তা অনুরোধে (আমি সত্যিই আপনি এটা করতে সুপারিশ করবেন না) জন্য, হয় অন্য উপায় এটা করতে:

.content[class~="main"] {}

বা:

.main[class~="content"] {}

তথ্যসূত্র: http://www.w3.org/TR/CSS2/selector.html

E [foo ~ = "সতর্কতা"] এমন কোনও E উপাদানটির সাথে মেলে যাঁর "foo" বৈশিষ্ট্য মানটি স্থান-বিভাজিত মানগুলির একটি তালিকা , যার মধ্যে একটি "সতর্কতা" এর সমান

ডেমো: http://jsfiddle.net/eXrSg/

কেন এটি আসলে দরকারী (অন্তত আই 6 এর জন্য):

যেহেতু আই 6 টি একাধিক ক্লাস সমর্থন করে না, তাই আমরা ব্যবহার করতে পারি না .content.main, তবে আইই-7..জেএস এর মতো কয়েকটি জাভাস্ক্রিপ্ট লাইব্রেরি রয়েছে যা বৈশিষ্ট্য নির্বাচনকারীকে সক্ষম করে, তবে একাধিক ক্লাসের ক্ষেত্রে এটি ব্যর্থ হয় বলে মনে হয়। আমি জাভা স্ক্রিপ্টটি অ্যাট্রিবিউট সিলেক্টর সক্ষম করে এটি আইআর -6-এ পরীক্ষা করেছি এবং এটি কুৎসিত, তবে এটি কার্যকর।

আমি এখনও এমন একটি স্ক্রিপ্ট খুঁজে পাই যা আইআই 6 কে একাধিক শ্রেণীর নির্বাচককে সমর্থন করে তবে এমন অনেকগুলি খুঁজে পেয়েছি যা বৈশিষ্ট্য নির্বাচনকারীদের সক্ষম করে। যদি কেউ কাজ করে এমন সম্পর্কে জানেন তবে দয়া করে মন্তব্যে আমাকে চিৎকার করুন যাতে আমি এই কাজের থেকে মুক্তি পেতে পারি।