সিএসএসে একাধিক বৈশিষ্ট্য নির্বাচনকারী নির্দিষ্ট করুন

Question

এরকম কিছু করার সিনট্যাক্স কী:

input[name="Sex" AND value="M"]

মূলত, আমি সেই inputউপাদানটি নির্বাচন করতে চাই যা বৈশিষ্ট্যটির name="Sex"পাশাপাশি বৈশিষ্ট্যযুক্ত value="M":

<input type="radio" name="Sex" value="M" />

নিম্নলিখিতগুলির মতো উপাদানগুলি নির্বাচন করা উচিত নয় :

<input type="radio" name="Sex" value="F" />

Answer 1

সরল input[name=Sex][value=M]বেশ সুন্দর করতে হবে। এবং এটি আসলে স্ট্যান্ডার্ড ডকগুলিতে ভালভাবে বর্ণিত :

একাধিক অ্যাট্রিবিউট সিলেক্টর একটি উপাদানের বেশ কয়েকটি বৈশিষ্ট্য, বা এমনকি একই গুণকে কয়েকবার উল্লেখ করতে ব্যবহার করা যেতে পারে।

এখানে নির্বাচক সমস্ত স্প্যান উপাদানগুলির সাথে মিলেছে যার "হ্যালো" বৈশিষ্ট্যের হুবহু "ক্লিভল্যান্ড" এর মান রয়েছে এবং যার "বিদায়" গুণটি হুবহু "কলম্বাস" এর মান রয়েছে:

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

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

জেএসফিডাল ডেমো

Comments

এর মতো কিছু আছে, তবে ও এর পরিবর্তে ও?

— törzsmókus

আপনি ,(কমা) ছাড়া অন্য মানে ?

— রায়না 77 ই

আপনি স্প্যান [হ্যালো = "ক্লিভল্যান্ড"], [বিদায় = "কলম্বাস"] লিখতে পারবেন না তবে আপনাকে একটি (সম্ভবত দীর্ঘ) অংশ পুনরাবৃত্তি করতে হবে।

— törzsmókus

আপনি প্রকৃতপক্ষে (অন্তত মুহূর্তের জন্য) থাকতে হবে, যদি না আপনি প্রাকপ্রসেসর ব্যবহার করেন। আরও বিশদ জন্য এই থ্রেড পরামর্শ ।

— রায়না 77ow

Answer 2

এটি প্রকাশের জন্য:

input[name="Sex"][value="M"] {}

এবং ইউনিয়ন নেওয়ার জন্য এটি:

input[name="Sex"], input[value="M"] {}

Answer 3

অ্যাট্রিবিউট সিলেক্টরদের জড়িত করুন:

input[name="Sex"][value="M"]

Comments

এটি লক্ষণীয় যে অ্যাট্রিবিউট মানগুলির কমপক্ষে একটি উদ্ধৃত হওয়া আবশ্যক। এটি ব্যর্থ হবে যদি আপনি এটি লিখেন input[name=Sex][value=M]যদিও এমন একটি নির্বাচককে বৈধতা দেওয়া হবে যা কেবলমাত্র একটি বৈশিষ্ট্য যা উদ্ধৃতি ব্যবহার করে না।

— স্টিভেক

@ স্টেভেক আপনি কি এটি গৃহীত উত্তরের উপর রেখেছিলেন? আমি আমার উত্তরে মানগুলি উদ্ধৃত করেছি। আমিও সত্য মনে করি না। উত্তরে নির্দিষ্ট অক্ষর রয়েছে তবে এই উদাহরণে না থাকলে আপনার উদ্ধৃতি দরকার। mothereff.in/unquided-ributes

— ডেনিস

আমি সেই নোটটি যুক্ত করেছি কারণ আমি উদ্ধৃতিবিহীন বেশ কয়েকটি ব্রাউজারে এটি চেষ্টা করেছি এবং এটি সমস্ত ক্ষেত্রেই ব্যর্থ হয়েছিল। আমি বিশ্বাস করি যে বিষয়টি হ'ল কমপক্ষে একটিতে উদ্ধৃতি না থাকলে এটি অস্পষ্ট কারণ কারণ এটি একটি ইনপুট হিসাবে ব্যাখ্যা করা যেতে পারে যার নামSex][value=M

— স্টিভেক

@ স্টেভেক বন্ধনীগুলি সঠিক কারণে অযোগ্য গুণাবলীগুলিতে অবৈধ। এই উদাহরণটি ফায়ারফক্স এবং ক্রোমে কাজ করে: jsfiddle.net/o2abekdh/3

— ডেনিস

Answer 4

নির্বাচক এবং খোলার ব্র্যাকেটের মধ্যে কোনও স্থান থাকতে হবে না তা কেবল যোগ করতে।

td[someclass] 

কাজ করবে. কিন্তু

td [someclass] 

হবে না.

Answer 5

[class*="test"],[class="second"] {
background: #ffff00;
}