CSS সিলেক্টর রেফারেন্স হান্ডবুক

CSS 选择器

CSS 选择器用于“查找”（或选择）您想要设置样式的 HTML 元素。

আমাদের CSS সিলেক্টর টেস্টার ব্যবহার করে ভিন্ন সিলেক্টরকে প্রদর্শন করুন

CSS সহজ সিলেক্টর

সহজ সিলেক্টরটি এলিমেন্টের নাম, id ও class অনুযায়ী এলিমেন্টকে চিহ্নিত করে।এছাড়াও, একটি জেনারিক সিলেক্টর (*)

সিলেক্টর উদাহরণ উদাহরণ বর্ণনা
এলিমেন্ট p সকল <p> এলিমেন্টকে চিহ্নিত করে
#id #firstname id="firstname" এলিমেন্টকে চিহ্নিত করে
* * সকল এলিমেন্টকে চিহ্নিত করে
.class .intro class="intro" সকল এলিমেন্টকে চিহ্নিত করে

CSS এট্রিবিউট সিলেক্টর

এট্রিবিউট সিলেক্টরটি একটি নির্দিষ্ট অ্যাট্রিবিউট সেট ধারণকারী এলিমেন্টকে চিহ্নিত করে

সিলেক্টর উদাহরণ উদাহরণ বর্ণনা
[attribute] [target] প্রত্যেক এলিমেন্টকে যার target অ্যাট্রিবিউট থাকে
[attribute=value] [target=_blank] প্রত্যেক এলিমেন্টকে যার target="_blank" অ্যাট্রিবিউট থাকে
[attribute~=value] [title~=flower] প্রত্যেক এলিমেন্টকে যার title অ্যাট্রিবিউট 'flower' শব্দ ধারণ করে
[attribute|=value] [lang|=en] প্রত্যেক এলিমেন্টকে যার lang অ্যাট্রিবিউট মান 'en' দ্বারা শুরু করে
[attribute^=value] a[href^="https"] প্রত্যেক <a> এলিমেন্টকে যার হ্রেফ অ্যাট্রিবিউট মান 'https' দ্বারা শুরু করে
[attribute$=value] a[href$=".pdf"] প্রত্যেক <a> এলিমেন্টকে যার হ্রেফ অ্যাট্রিবিউট নাম শেষ হয় '.pdf'
[attribute*=value] a[href*="codew3c"] প্রত্যেক <a> এলিমেন্টকে যার হ্রেফ অ্যাট্রিবিউটের মানে 'abc' সাবস্ট্রিং থাকে

CSS নিহিত চিহ্নিতকারক

সিলেক্টর উদাহরণ উদাহরণ বর্ণনা
& & অন্য এলিমেন্টের প্রেক্ষাপটে এলিমেন্টের স্টাইল আপলোড করা