সিএসএসে = "এক্সওয়াইজেড" এর জন্য লেবেল কীভাবে নির্বাচন করবেন?

Question

এইচটিএমএল:

<label for="email">{t _your_email}:</label>

সিএসএস:

label {
  display: block;
  width: 156px;
  cursor: pointer;
  padding-right: 6px;
  padding-bottom: 1px;
}

লেআউট পরিবর্তন করতে 'for' বৈশিষ্ট্যের উপর ভিত্তি করে লেবেলটি নির্বাচন করতে চাই।

Answer 1

নির্বাচকটি তাই হবে label[for=email]সিএসএসে:

label[for=email]
{
    /* ...definitions here... */
}

... অথবা জাভাস্ক্রিপ্টে ডোম ব্যবহার করে:

var element = document.querySelector("label[for=email]");

... বা জাভাস্ক্রিপ্টে jQuery ব্যবহার করে:

var element = $("label[for=email]");

এটি একটি বৈশিষ্ট্য নির্বাচনকারী । মনে রাখবেন যে কিছু ব্রাউজার (উদাহরণস্বরূপ আই <8 এর সংস্করণ) অ্যাট্রিবিউট সিলেক্টরকে সমর্থন নাও করতে পারে তবে সাম্প্রতিককালে আরও কিছু করে। আই 6 এবং আই 7 এর মতো পুরানো ব্রাউজারগুলিকে সমর্থন করার জন্য, আপনাকে দুঃখের সাথে একটি ক্লাস (ভাল বা অন্য কোনও কাঠামোগত উপায়ে) ব্যবহার করতে হবে।

(আমি ধরে নিচ্ছি যে টেমপ্লেটটি {t _your_email}কোনও ক্ষেত্রটি পূরণ করবে id="email"If না হলে পরিবর্তে একটি ক্লাস ব্যবহার করুন))

দ্রষ্টব্য যে আপনি যে বৈশিষ্ট্যটি নির্বাচন করছেন তার মান যদি কোনও সিএসএস শনাক্তকারী (যেমন উদাহরণস্বরূপ, যদি এটিতে ফাঁকা বা বন্ধনী থাকে, বা কোনও অঙ্ক ইত্যাদি দিয়ে শুরু হয়) এর বিধি মানায় না, তবে আপনার চারপাশে উদ্ধৃতিগুলি দরকার মান:

label[for="field[]"]
{
    /* ...definitions here... */
}

এগুলি একক বা ডাবল উদ্ধৃতি হতে পারে ।

Comments

আমি কন্ডিশনার মন্তব্য ব্যবহার করে ie7 এর জন্য এটি একটি শ্রেণিতে পরিবর্তন করব, দুর্দান্ত উত্তরের জন্য ধন্যবাদ!

— কাইল 12

এবং এখন jQuery ডক্স বলছে যে আপনার একক শব্দের জন্য উদ্ধৃতিগুলির প্রয়োজন নেই, সুতরাং এটি আবার CSS এর সাথে মেলে (এই ক্ষেত্রে)।

— টিজে ক্রোডার

প্রত্যেকের কাছে বিভ্রান্তি এড়ানোর জন্য (আমি শুধু এই নিজেকে ছিল), মধ্যে কোন স্থান হতে হবে labelএবং[for=email]

— paddotk

পৃষ্ঠার <! DOCTYPE> হিসাবে ঘোষিত হওয়া অবধি আইই 8 বৈশিষ্ট্য নির্বাচনকারীদের সমর্থন করে।

— ইলিনামোরতো

@ টিজে ক্রাউডার আমি বুঝতে পারি। আমি যেমনটি পরীক্ষা করেছি ঠিক তেমনই আমি বিষয়টি স্পষ্ট করে বলছিলাম।

— ilinamorato

Answer 2

যদি বিষয়বস্তুটি একটি পরিবর্তনশীল হয় তবে এটি উদ্ধৃতি চিহ্নগুলি সহ জড়িত হওয়া প্রয়োজন। এটা আমার জন্য কাজ করেছে। এটার মত:

আইটেমসিলেক্ট (আইডি: নম্বর) {
    কনসোল.লগ ('লেবেলগুলিতে রয়েছে', ডকুমেন্ট.কুইয়ারসিলিটর ("লেবেল [= '" + আইডি + "" "" "জন্য)));
}