সিএসএস নির্বাচকদের চিটশিট এবং বিশদ

সিএসএস নির্বাচকদের চিটশিট

সম্প্রতি, আমি সিএসএস নির্বাচকগুলিতে ডুব দিচ্ছি।

অপরিচিত চিহ্ন সহ অনেকগুলি সিএসএস নির্বাচক রয়েছে,>। , * + ~ [] ইত্যাদি, তাই সিএসএস নির্বাচকরা কীভাবে কাজ করেন তা নিয়ে আমি প্রায়শই বিভ্রান্ত হয়ে পড়েছিলাম। অবশেষে, আমি তাদের আমার মাথার মধ্যে সোজা করেছিলাম এবং কীভাবে বুঝতে পারি সেগুলি পুনরায় ডিজাইন করেছি।

* প্রকৃতপক্ষে, আমি কাগজগুলি সংরক্ষণ এবং পৃথিবী বাঁচাতে একক এ 4 আকারের পৃষ্ঠায় সেগুলি সংগঠিত করতে চাইতাম তবে আমি পারিনি, কারণ অনেক সংখ্যক নির্বাচক আমি যুক্ত করতে চেয়েছি তাই আমাকে একাধিক পৃষ্ঠার ওপরে যেতে হয়েছিল । এটি কভার পৃষ্ঠাগুলি ব্যতীত চারটি এ 4 পৃষ্ঠা pages

এই চিটশিটটি মুদ্রণ করুন এবং এটি প্রাচীরের উপর স্টিক করুন। এগুলি মুখস্ত করবেন না, কেবল উঁকি দিচ্ছেন। আমি আশা করি এই ইনফোগ্রাফিক আপনাকে যথাযথ সিএসএস নির্বাচকগুলি দ্রুত খুঁজে পেতে এবং আপনার সময় সাশ্রয় করতে সহায়তা করে।

সিএসএস নির্বাচকদের চিটশিটসিএনএস নির্বাচকদের খেলা রায়ান ইউ

CSS সিএসএস নির্বাচকদের চিটশিট ডাউনলোড করতে যান এবং গেমটি উপভোগ করুন 🕹

কোন চিন্তা করো না. সবই নিখরচায়।

CSS সিএসএস নির্বাচকের মধ্যে ডুব দিন।

আপনার পক্ষে জিনিসগুলি আরও সহজ করতে আমি এমডিএন সংজ্ঞা সহ ইনফোগ্রাফিক তালিকাবদ্ধ করব।

টাইপ নির্বাচনকারী

সিএসএস টাইপ নির্বাচক নোড নামে উপাদানগুলির সাথে মেলে। অন্য কথায়, এটি একটি নথির মধ্যে প্রদত্ত ধরণের সমস্ত উপাদান নির্বাচন করে। - এমডিএন

টাইপ নির্বাচনকারী

আইডি নির্বাচনকারী

এর আইডি গুণকের মানের ভিত্তিতে একটি উপাদান নির্বাচন করে। একটি নথিতে প্রদত্ত আইডি সহ কেবলমাত্র একটি উপাদান থাকা উচিত। - এমডিএন

আইডি নির্বাচনকারী

বংশোদ্ভূত নির্বাচক

বিয়ের সাথে মেলে এমন কোনও উপাদান যা A এর সাথে মেলে এমন একটি উপাদানের বংশধর (অর্থাত্ একটি শিশু, বা কোনও সন্তানের সন্তান ইত্যাদি)। সংমিশ্রণকারী এক বা একাধিক স্পেস বা চিহ্নগুলির চেয়ে দ্বৈত বৃহত্তর। - এমডিএন

বংশোদ্ভূত নির্বাচক

অবতরণ এবং আইডি নির্বাচনকারীদের একত্রিত করুন

অবতরণ এবং আইডি নির্বাচনকারীদের একত্রিত করুন

শ্রেণি নির্বাচক

সিএসএস শ্রেণি নির্বাচক তাদের শ্রেণীর বৈশিষ্ট্যের বিষয়বস্তুর উপর ভিত্তি করে উপাদানগুলির সাথে মেলে। - এমডিএন

শ্রেণি নির্বাচক

ক্লাস সিলেক্টর একত্রিত করুন

ক্লাস সিলেক্টর একত্রিত করুন

কমা সংযুক্তকারী

A এবং / অথবা B- এর সাথে মেলে এমন কোনও উপাদান - MDN

কমা সংযুক্তকারী

সর্বজনীন নির্বাচক

শুধু সবকিছু নির্বাচন করুন!

সর্বজনীন নির্বাচক

ইউনিভার্সাল সিলেক্টর একত্রিত করুন

ইউনিভার্সাল সিলেক্টর একত্রিত করুন

সংলগ্ন ভাইবোন নির্বাচনকারী

সংলগ্ন ভাইবিলিং কম্বিনেটর (+) দুটি নির্বাচককে পৃথক করে এবং তাত্ক্ষণিকভাবে প্রথম উপাদানটি অনুসরণ করে তবেই এটি দ্বিতীয় উপাদানটির সাথে মেলে এবং উভয়ই একই পিতামাতার উপাদান। - এমডিএন

সংলগ্ন ভাইবোন নির্বাচনকারী

জেনারেল সিলিং সিলেক্টর

সাধারণ ভাইবিলিং কম্বিনেটর (~) দুটি নির্বাচককে পৃথক করে এবং দ্বিতীয় উপাদানটির সাথে মেলে তবেই এটি প্রথম উপাদানটি অনুসরণ করে (যদিও তাৎক্ষণিকভাবে অবিলম্বে নয়) এবং উভয়ই একই পিতামাতার উপাদান। - এমডিএন

জেনারেল সিলিং সিলেক্টর

শিশু নির্বাচনকারী

চাইল্ড কম্বিনেটর (>) দুটি সিএসএস নির্বাচকের মধ্যে স্থাপন করা হয়েছে। এটি কেবলমাত্র দ্বিতীয় নির্বাচকের সাথে মেলে এমন উপাদানগুলির সাথে মেলে যা প্রথম দ্বারা মিলিত উপাদানগুলির সন্তান। - এমডিএন

শিশু নির্বাচনকারী

প্রথম শিশু সিউডো-নির্বাচক

প্রথম: সিএসএস সিউডো সিওএস-ক্লাসটি ভাইবোনদের একটি গ্রুপের মধ্যে প্রথম উপাদানকে উপস্থাপন করে। - এমডিএন

প্রথম শিশু সিউডো-নির্বাচক

কেবল শিশু সিউডো-নির্বাচক

এই: একমাত্র শিশু সিএসএস সিউডো-শ্রেণি কোনও ভাইবোন ছাড়াই একটি উপাদান প্রতিনিধিত্ব করে। এটি হ'ল: প্রথম-শিশু: শেষ-শিশু বা: নবম-শিশু (1): নবম-শেষ-শিশু (1), তবে একটি স্বল্পতার সাথে। - এমডিএন

কেবল শিশু সিউডো-নির্বাচক

সর্বশেষ শিশু সিউডো-নির্বাচক

দ্য: লাস্ট-চাইল্ড সিএসএস সিউডো-ক্লাসটি একদল ভাইবোনের উপাদানগুলির মধ্যে সর্বশেষ উপাদানকে উপস্থাপন করে। - এমডিএন

সর্বশেষ শিশু সিউডো-নির্বাচক

নবম শিশু সিউডো-নির্বাচক

দ্য: নবম-শিশু () সিএসএস সিউডো-ক্লাস ভাইবোনদের একটি গ্রুপে তাদের অবস্থানের ভিত্তিতে উপাদানগুলির সাথে মেলে। - এমডিএন

নবম শিশু সিউডো-নির্বাচক

নবম শেষ শিশু নির্বাচক

দ্য: নবম-সর্বশেষ-শিশু () সিএসএস সিউডো-ক্লাস একদল ভাইবোনদের মধ্যে তাদের অবস্থানের ভিত্তিতে উপাদানগুলি শেষ পর্যন্ত গণনা করছে matches - এমডিএন

নবম শেষ শিশু নির্বাচক

টাইপ সিলেক্টর এর প্রথম

দ্য: প্রথম ধরণের সিএসএস সিউডো-ক্লাস এক ধরনের ভাইবোন উপাদানগুলির মধ্যে তার ধরণের প্রথম উপাদানকে উপস্থাপন করে। - এমডিএন

টাইপ সিলেক্টর এর প্রথম

প্রকার নির্বাচক এর নবম

দ্য: নবম-প্রকার () সিএসএস সিউডো-ক্লাস একটি ভাইবোনদের একটি গ্রুপের মধ্যে তাদের অবস্থানের ভিত্তিতে প্রদত্ত প্রকারের উপাদানগুলির সাথে মেলে। - এমডিএন

প্রকার নির্বাচক এর নবম

সূত্র সহ নবম ধরণের নির্বাচক

টাইপ সিলেক্টর
 দ্রষ্টব্য:
: N তম অফ-টাইপ (এমনকি)
: N তম অফ প্রকার (বিজোড়)
: N তম অফ-টাইপ (2)
: N তম অফ প্রকার (2n)
: N তম অফ প্রকার (3N -1)
: N তম অফ প্রকার (2n + + 2)

কেবল টাইপ সিলেক্টর

দ্য: কেবলমাত্র ধরণের সিএসএস সিউডো-ক্লাস এমন একটি উপাদান উপস্থাপন করে যা একই ধরণের কোনও ভাইবোন নেই। - এমডিএন

কেবল টাইপ সিলেক্টর

প্রকারের নির্বাচকের সর্বশেষ

দ্য: শেষ প্রকারের সিএসএস সিউডো-ক্লাস এক ধরনের ভাইবোন উপাদানগুলির মধ্যে তার ধরণের শেষ উপাদানটি উপস্থাপন করে। - এমডিএন

প্রকারের নির্বাচকের সর্বশেষ

খালি নির্বাচনকারী

খালি: সিএসএস সিউডো-শ্রেণি এমন কোনও উপাদানকে উপস্থাপন করে যার কোনও সন্তান নেই। শিশুরা হয় উপাদান নোড বা পাঠ্য (সাদা স্থান সহ) হতে পারে। মন্তব্য, প্রক্রিয়াকরণের নির্দেশাবলী এবং সিএসএস সামগ্রী কোনও উপাদানকে খালি বিবেচনা করা হয় কিনা তা প্রভাবিত করে না। - এমডিএন

খালি নির্বাচনকারী

নেগেশন সিউডো-ক্লাস

এটি: (সিএসএস নয়) সিউডো-শ্রেণি এমন উপাদানগুলির প্রতিনিধিত্ব করে যা নির্বাচকদের তালিকার সাথে মেলে না। যেহেতু এটি নির্দিষ্ট আইটেমগুলি বাছাই করা থেকে বাধা দেয়, তাই এটি নেতিবাচক সিউডো-শ্রেণি হিসাবে পরিচিত। - এমডিএন

নেগেশন সিউডো-ক্লাস

বৈশিষ্ট্য নির্বাচনকারী

অ্যাট্রিবিউট সিলেক্টর হ'ল একটি বিশেষ ধরণের সিলেক্টর যা তাদের বৈশিষ্ট্য এবং বৈশিষ্ট্যগুলির মানগুলির ভিত্তিতে উপাদানগুলির সাথে মিলবে। তাদের জেনেরিক সিনট্যাক্সে বর্গাকার বন্ধনী ([]) থাকে যার সাথে একটি বৈশিষ্ট্যের নাম থাকে এবং তারপরে গুণাবলীর মানটির সাথে মেলে একটি conditionচ্ছিক শর্ত অনুসরণ করা হয়। অ্যাট্রিবিউট সিলেক্টরগুলিকে অ্যাট্রিবিউট মানগুলির সাথে যেভাবে মিল রয়েছে তার উপর নির্ভর করে দুটি বিভাগে বিভক্ত করা যেতে পারে: উপস্থিতি এবং মান বিশিষ্ট নির্বাচক এবং সাবস্ট্রিং মান বিশিষ্ট নির্বাচক। - এমডিএন

বৈশিষ্ট্য নির্বাচনকারী

গুণ মান নির্বাচনকারী

গুণ মান নির্বাচনকারী

নির্বাচক সহ গুণাবলী শুরু হয় ute

এই নির্বাচকটি অ্যাট্রিবিউট অ্যাট্রিযুক্ত সমস্ত উপাদান নির্বাচন করবে যার জন্য মানটি ভাল দিয়ে শুরু হয়। - এমডিএন

নির্বাচক সহ গুণাবলী শুরু হয় ute

সিলেক্টরের সাথে এরিবিউট শেষ হয়

এই নির্বাচকটি অ্যাট্রিবিউট অ্যাট্রিযুক্ত সমস্ত উপাদান নির্বাচন করবে যার জন্য মানটি ভাল দিয়ে শেষ হয়। - এমডিএন

সিলেক্টরের সাথে এরিবিউট শেষ হয়

অ্যাট্রিবিউট ওয়াইল্ডকার্ড নির্বাচনকারী

এই নির্বাচকটি অ্যাট্রিবিউট অ্যাটরযুক্ত সমস্ত উপাদান নির্বাচন করবে যার জন্য মানটিতে স্ট্রিংয়ের ভাল থাকে। (একটি স্ট্রাস্টিং কেবল একটি স্ট্রিংয়ের অংশ, যেমন "বিড়াল" স্ট্রিংয়ের "স্ট্র্যাপিলার" এর একটি স্ট্রিং থাকে)) - এমডিএন

অ্যাট্রিবিউট ওয়াইল্ডকার্ড নির্বাচনকারী

Rat অভিনন্দন, আপনি সম্পন্ন করেছেন

। নিবন্ধ

🕹 কোডপেন

কোনও প্রশ্ন বা প্রতিক্রিয়া

আমি কীভাবে আপনার পক্ষে এটি আরও ভাল করে তুলতে পারি সে সম্পর্কে আপনার প্রতিক্রিয়া শুনতে ভাল লাগবে। আপনার মন্তব্যগুলি নীচে বা আমার টুইটারের মাধ্যমে রাখুন।

CSS সিএনএস নির্বাচকদের খেলা তৈরি করতে আমাকে সহায়তা করার জন্য রায়ান ইউকে অনেক ধন্যবাদ। রায়ান ইউ হ'ল <ফ্রন্টএন্ড 30 /> এর লেখক যেখানে আমি অনেক শীতল ফ্রন্ট-এন্ড কৌশল শিখেছি।

আজ শুভ কোডাইন