CSS প্রোপার্টি রেফারেন্স ম্যানুয়েল

CSS 伪类

প্রকৃতপক্ষে, এলিমেন্টগুলির বিশেষ অবস্থাটির জন্য ব্যবহৃত হয়。

উদাহরণে, এটি ব্যবহার করা যেতে পারেঃ

  • ব্যবহারকারী মাউসকে এলিমেন্টকে উপর নিয়ে যাওয়ার সময় শৈলী নির্ধারণ করুন
  • পরিদর্শিত এবং পরিদর্শিত না হওয়া লিঙ্কগুলির জন্য ভিন্ন শৈলী নির্ধারণ করুন
  • এলিমেন্টটি ফোকাস হওয়ার সময় শৈলী নির্ধারণ করুন
  • বৈধ/অবৈধ/অপশনাল/প্রচলিত ফর্ম এলিমেন্টগুলির জন্য শৈলী নির্ধারণ করুন

এই টেবিলে CSS-এর বিভিন্ন প্রকৃতপক্ষকে দেখানো হলোঃ

প্রকৃতপক্ষে উদাহরণ উদাহরণ বর্ণনা
:active a:active সক্রিয় লিঙ্ককে চিহ্নিত করুন
:any-link a:anylink সমস্ত href অ্যাট্রিবিউটসহ <a> বা <area> এলিমেন্টকে চিহ্নিত করুন。
:auto-fill input:autofill ব্রাউজার দ্বারা স্বয়ংক্রিয়ভাবে পূর্ণকৃত সমস্ত <input> এলিমেন্টকে চিহ্নিত করুন。
:checked option:checked সমস্ত চিহ্নিত <input> বা <option> এলিমেন্টকে ম্যাচ করুন。
:default input:default একটি সংক্রান্ত এলিমেন্টগুলির মধ্যে ডিফল্ট ফর্ম এলিমেন্টকে চিহ্নিত করুন。
:defined :defined সমস্ত সংজ্ঞিত এলিমেন্টকে (প্রমাণীক বা নির্দিষ্ট এলিমেন্ট) চিহ্নিত করুন。
:dir() :dir(rtl) বিন্যস্ত লিপি দিশাটির এলিমেন্টকে চিহ্নিত করুন。
:disabled option:disabled সব নিষ্ক্রিয় এলিমেন্টকে চিহ্নিত করুন, সাধারণত ফর্ম এলিমেন্টগুলির জন্য ব্যবহৃত হয়。
:empty div:empty পুনর্বিন্যস্ত করা যেতে পারে
:enabled input:enabled সকল সক্রিয় ইউনিটগুলো বাছাই করুন (সাধারণত ফর্ম ইউনিটগুলোতে ব্যবহৃত হয়)。
:first @page :first প্রিন্ট ডকুমেন্টের প্রথম পৃষ্ঠা (এটি @page রুলের সাথে ব্যবহৃত হয়)。
:first-child p:first-child একগুচ্ছ ভাইরার প্রথম সন্তান ইউনিট হিসাবে থাকা ইউনিটকে বাছাই করুন (একগুচ্ছ ভাইরার মধ্যে)。
:first-of-type li:first-of-type একগুচ্ছ ভাইরার প্রথম বিশেষ প্রকারের ইউনিটকে বাছাই করুন。
:focus select:focus ফোকাস পাওয়া ইউনিটগুলো বাছাই করুন (সাধারণত ফর্ম ইউনিটগুলোতে ব্যবহৃত হয়)。
:focus-visible button:focus-visible ফোকাস পাওয়া ইউনিটগুলো বাছাই করুন (শুধুমাত্র কীবোর্ডের মাধ্যমে ফোকাস করা হলেই ফোকাস স্টাইল লাগানো হয়)。
:focus-within form:focus-within যেসব ইউনিট অথবা তাদের কোনো পরবর্তী প্রজাতির ইউনিট ফোকাস পায় তাদের চিহ্নিত করুন。
:fullscreen :fullscreen ফুলস্ক্রিন মোডে থাকা ইউনিটগুলো বাছাই করুন。
:has() h2:has(+p) <p> ইউনিটের পরে থাকা <h2> ইউনিটকে বাছাই করুন এবং <h2> এর সাথে স্টাইল আপলোড করুন。
:hover a:hover মাউস ওভার থাকা ইউনিটগুলো বাছাই করুন。
:in-range input:in-range বৈধ ব্যবহার্য সীমা থেকে বাছাই করা <input> ইউনিটগুলো বাছাই করুন。
:indeterminate input:indeterminate অনিশ্চিত অবস্থায় থাকা ফর্ম ইউনিটগুলো বাছাই করুন。
:invalid input:invalid অবৈধ ফর্ম ইউনিটগুলো বাছাই করুন。
:is() :is(ul, ol) সমস্ত <ul> ও <ol> এলিমেন্টগুলি চিহ্নিত করুন。
:lang() p:lang(it) lang এটিকে "it" (ইতালীয়) হিসাবে থাকা <p> ইউনিটগুলো বাছাই করুন。
:last-child li:last-child প্রথম পিছন্দা সন্তান ইউনিট হিসাবে <li> ইউনিট বাছাই করুন。
:last-of-type p:last-of-type প্রথম পিছন্দা সন্তান ইউনিট হিসাবে <p> ইউনিট বাছাই করুন。
:left @page :left প্রিন্ট ডকুমেন্টের সকল বামপাশা পৃষ্ঠা (এটি @page রুলের সাথে ব্যবহৃত হয়)。
:link a:link সকল অনপরিদর্শিত লিঙ্কগুলো বাছাই করুন。
:modal :modal মডাল অবস্থায় থাকা ইউনিটগুলো বাছাই করুন。
:not() :not(p) সকল <p> ইউনিট নয় ইউনিটগুলো বাছাই করুন。
:nth-child() p:nth-child(2) প্রথম পিছন্দা সন্তান ইউনিট হিসাবে <p> ইউনিট বাছাই করুন。
:nth-last-child() p:nth-last-child(2) পিতৃত্ব সম্পন্ন পিটার শেষতম সন্তান হিসাবে পিটা ইলেকট্রন চিহ্নিত করুন
:nth-last-of-type() p:nth-last-of-type(2) পিতৃত্ব সম্পন্ন পিটার শেষতম সন্তান হিসাবে পিটা ইলেকট্রন চিহ্নিত করুন
:nth-of-type() p:nth-of-type(2) পিতৃত্ব সম্পন্ন পিটার দ্বিতীয় পিটা হিসাবে পিটা ইলেকট্রন চিহ্নিত করুন
:only-child p:only-child পিতৃত্ব সম্পন্ন পিটার একমাত্র সন্তান হিসাবে পিটা ইলেকট্রন চিহ্নিত করুন
:only-of-type p:only-of-type প্রথম পিটার হিসাবে পিতৃত্ব সম্পন্ন পিটা ইলেকট্রন চিহ্নিত করুন
:optional textarea:optional required অ্যাট্রিবিউট না থাকা <input>、<select> বা <textarea> ইলেকট্রন চিহ্নিত করুন
:out-of-range input:out-of-range বৈধ মানবীয় ইনপুট ইলেকট্রন চিহ্নিত করুন
:placeholder-shown input:placeholder-shown প্রদর্শিত প্লেসহোল্ডার টেক্সট সহযোগে <input> বা <textarea> ইলেকট্রন চিহ্নিত করুন
:popover-open :popover-open প্রদর্শিত পপআপ অবস্থায় ইলেকট্রন চিহ্নিত করুন
:read-only input:read-only readonly অ্যাট্রিবিউট সহযোগে ইনপুট ইলেকট্রন চিহ্নিত করুন
:read-write input:read-write সক্রিয় মূল্য ইনপুট ইলেকট্রন চিহ্নিত করুন
:required input:required required অ্যাট্রিবিউট সহযোগে ইনপুট ইলেকট্রন চিহ্নিত করুন
:right @page :right প্রিন্ট ডকুমেন্টের সমস্ত ডানদিকের পৃষ্ঠা ( @page রুলের সাথে ব্যবহার করুন)
:root :root ডকুমেন্টের মূল ইলেকট্রন চিহ্নিত করুন
:scope :scope চিহ্নিত সিলেক্টর হিসাবে রেফারেন্স পয়েন্ট বা রেঞ্জ হিসাবে ইলেকট্রন চিহ্নিত করুন
:state() :state() বৈধ মানবীয় কাস্টম ইলেকট্রন চিহ্নিত করুন
:target :target বর্তমানে সক্রিয় লক্ষ্য ইলেকট্রন চিহ্নিত করুন
:user-invalid :user-invalid বৈধ মানবীয় ফর্ম ইলেকট্রন চিহ্নিত করুন (ব্যবহারকারীর সঙ্গে ক্রিয়াকলাপ পর্যন্ত)
:user-valid :user-valid বৈধ মানবীয় ফর্ম ইলেকট্রন চিহ্নিত করুন (ব্যবহারকারীর সঙ্গে ক্রিয়াকলাপ পর্যন্ত)
:valid input:valid সমস্ত বৈধ মানবীয় ইনপুট ইলেকট্রন
:visited a:visited সমস্ত পরিদর্শিত লিঙ্কগুলি চিহ্নিত করুন。
:where() :where(ol, ul) সমস্ত <ul> ও <ol> এলিমেন্টগুলি চিহ্নিত করুন。