Command Palette

Search for a command to run...

CSS Wildcard selectors #contest_season_1
tanjim9870ikpl
Tanjim Rahman
·2 min read

CSS Wildcard selectors #contest_season_1

কি এবং কেন :

CSS Wildcard selector (^,$,*),in general,Programming এর কিছুটা Regular expression এর মতো। কোনো div,class,id,tag এর atrribute এর value ধরে এর বেবহার করা হয়।

এই আর্টিকেল এ ৪টি [^(startsWith,$(endsWith),*(contains),~(contains partial value)] নিতে আলোচনা করা হবে। এগুলো _ আর।

ধরুন। আমাদের webpage এ কিছু div আছে ,আলাদা আলাদা class name নিয়ে। এগুলো হলো

textBookEnglish textBookPhysicsEnglish storybookBangla storyBookEnglisj textBookBangla আমরা এখন style apply করতে চাই এর div গুলো কে কিন্তু এগুলোর class আলাদা।common কিছু style apply করতে চাইলে কি তাহলে কি নতুন করে class add করবো html e,Markup এ হাত দিবো ? এইটা সহজেই css wildcard selector দিয়ে solve করা যাবে যেহেতু প্রতি class এ কিছু common text আছে। book। যেমন

Techdiary: article-image যেই যেই class এ book আছে তাদের same css হবে।

আবার ধরেন যেগুলা textbook তাদের class name text দিয়ে শুরু

Techdiary: article-image ^:যদি text দিয়ে শুরু হয় তালে এই css style হবে

শেষে কোনো স্পেসিফিক string ধরে div সিলেক্ট করতে চাইলেও

Techdiary: article-image $:যদি English দিয়ে শেষ হয় তালে এই css style হবে

~ এর বেবহার ও * এর মতো | Experiment করে দেখতে পারেন | Thank you for reading

Comments

  • Type and hit enter to post comment
  • For multiline comments, use Shift + Enter
  • You can use markdown syntax for formatting

Cookie Consent

We use cookies to enhance your browsing experience and analyze our traffic. By clicking "Accept", you consent to our use of cookies.