ক্লাস মেলে একটি অ্যাট্রিবিউট সিলেক্টর কেন ব্যবহার করবেন?


86

আমি প্রতিক্রিয়াশীল ইমেল টেম্পলেটগুলির একটি উদাহরণ পেয়েছি যেখানে নিম্নলিখিত সিএসএস নির্বাচনকারী রয়েছে:

a[class="btn"]

এই সিনট্যাক্সটি যদি সম্পূর্ণরূপে একই রকম হয় তবে এটি ব্যবহৃত হয়:

a.btn

মোবাইল ব্রাউজারে বা অন্য কিছুতে এর কোনও প্রভাব আছে?


4
@ জেগেগেনি বোগাতিরজভ: এটি সম্পূর্ণ ভিন্ন প্রশ্ন যা সিএসএসের সাথে সম্পর্কিত নয়, তবে আমি দেখতে পাচ্ছি যে ভুল শিরোনামের কারণে এটি কীভাবে বিভ্রান্তিকর হতে পারে। আমি এটি সম্পাদনা করেছি।
বোল্টক্লক

উত্তর:


144

[]সিনট্যাক্স একটি হল অ্যাট্রিবিউট নির্বাচক

a[class="btn"]

এটি দিয়ে যে কোনও <a>ট্যাগ নির্বাচন করবে class="btn"। তবে এটি কোনটি নির্বাচন করবে না , উদাহরণস্বরূপ (যেখানে হবে)। এটি কেবল সেই বৈশিষ্ট্যের সাথে মেলে<a>class="btn btn_red"a.btn

আপনি যে 30 সিএসএস নির্বাচনকারীদের অবশ্যই মুখস্থ করতে পারেন তা পড়তে চাইতে পারেন । এটি যে কোনও আপ-আসন্ন ওয়েব বিকাশকারীদের কাছে অমূল্য।


তবে এর প্রতিক্রিয়া করার কিছুই নেই, এটি খাঁটি সিএসএস সিনট্যাক্স, তাই না?
ডুচিন

আমি একই টিউটোরিয়ালটিও এসেছি ( ক্যাম্পেইনমনিটর / গাইডস / মোবাইল / কোডিং ) - এটি টিউটোরিয়ালে তারা এই কৌশলটি ব্যবহার করবে এমনটি অদ্ভুত বলে মনে হচ্ছে। টিউটোরিয়ালগুলি শুরু হওয়া লোকদের পক্ষে যতটা সম্ভব স্পষ্ট করা উচিত। বিশেষত যখন সাধারণ .btnনির্বাচক যথেষ্ট হবে। আমি কি কিছু মিস করছি? এতে কি কোনও লাভ আছে? বৃহত্তর নির্দিষ্টতা আমি অনুমান করছি?
নিকসপিল

একই উপসর্গ সহ সমস্ত ক্লাসে পেতে jQuery এবং বন্ধনী ব্যবহার করে সমস্ত শ্রেণীর নাম নির্বাচন করার নতুন উপায় নেই? $ (এটি) .সিএসএস ("[শ্রেণি ~ = 'বিটিএন_']", "লাল") এর মতো কিছু; বাক্য গঠনটি ভুল হতে পারে, তবে আপনি কি জানেন সঠিক সংশ্লেষটি কী?
কেন

@whyoz আমি আপনি যা খুঁজছেন মনে [class^='btn_']
এরিক

4
অন্যান্য ধরণের অ্যাট্রিবিউট সিলেক্টরদেরও দেখানোর জন্য আপনি নিজের উত্তরটি আপডেট করেন তবে দুর্দান্ত হবে। "সিএসএস নির্বাচনকারী বর্গাকার বন্ধনী" অনুসন্ধান করা অনুসন্ধানে এই প্রশ্নটি উপস্থিত করে এবং অন্যান্য প্রকরণগুলি অনুসন্ধান করা ("সিএসএস নির্বাচক বর্গাকার বন্ধনী তারকা") অনুসন্ধান করা শক্ত।
cimmanon
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.