* * সিএসএস নির্বাচক কী করবেন?


97

সম্প্রতি আমি জুড়ে এসেছিল * *মধ্যে সিএসএস ।

সাইটের রেফারেন্স - সাইটের লিঙ্ক ।

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

আমি এটি googled, কিন্তু একক *সমস্ত উপাদান নির্বাচন করে হিসাবে এটি সম্পর্কে কোনও প্রাসঙ্গিক তথ্য সন্ধান করতে অক্ষম , কিন্তু কেন সাইট এটি দুইবার ব্যবহার করেছে তা আমি নিশ্চিত নই। এর জন্য অনুপস্থিত অংশটি কী এবং কেন এই হ্যাক ব্যবহার করা হয় (এটি যদি হ্যাক হয়)?

উত্তর:


138

অন্য যে কোনও সময় আপনি দু'জন নির্বাচককে একের পর এক রাখেন (উদাহরণস্বরূপ li a), আপনি বংশোদ্ভূত সংযুক্তকারী পাবেন। * *অন্য উপাদানগুলির বংশধর যে কোনও উপাদানও তাই - অন্য কথায়, কোনও উপাদান যা পুরো নথির মূল উপাদান নয় ।


উত্তরের জন্য thx..আমি এই বিষয়টির জন্য যা ভাবছিলাম তবে তা নিশ্চিত নয়, তাই সম্প্রদায়ের কাছ থেকে জিজ্ঞাসা করার জন্য তাই
— ভেবেছি..এই

4
আরও একটি বিষয় জিজ্ঞাসা করুন - এটি কি * * ব্যবহারের সাথে সত্যিই প্রাসঙ্গিক? যদিও আমি ধারণাটি উপলব্ধি করেছি কিন্তু ব্যবহারিক দিক দিয়ে তা পাচ্ছি না :(
— স্বপ্ন

4
@ সাপ্লপনেশ এটিকে ব্রাউজার হ্যাকের মতো দেখাচ্ছে। একটি * { font-size: XXX }নিয়ম এবং একটি * * { font-size: YYY }বিধি আছে। এর মধ্যে একটি বেশিরভাগ ব্রাউজারে প্রযোজ্য, এবং অন্যটি নির্দিষ্ট বাগ সহ ব্রাউজারগুলিতে প্রযোজ্য, যদিও বিশদটি জানার মতো ধৈর্য আমার নেই। এটি * htmlহ্যাকের মতো যা পুরানো আইআই সনাক্ত করতে সাধারণভাবে ব্যবহৃত হত।
— hobbs

মন্তব্যগুলির অধীনে শেষ বিশদ ব্লকটি যুক্ত করার জন্য THX এটি প্রায় এক নিখুঁত ... তার জন্য আরও মস্তিষ্কের ঝড় তোলা দরকার নেই :) প্রচুর পরিমাণে :)
— স্বপ্ন

10
মনে রাখবেন যে, এর পদ্ধতিতে * html, * * হবে IE6 এইচটিএমএল উপাদান মেলে।
— অলহকি

80

কিছুটা বড় উদাহরণ:

এটি আপনার সাইটে যুক্ত করার চেষ্টা করুন:

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }

ডেমো: http://jsfiddle.net/l2aelba/sFSad/


উদাহরণ 2:

* * সিএসএস নির্বাচক কী করবেন?

ডেমো: http://jsfiddle.net/l2aelba/sFSad/34/


7
এটি কঠোরভাবে উত্তর নয়, তবে কী সুন্দর দৃশ্য!
— aboy021

4
@ l2aelba সত্যিকার অর্থে একটি দুর্দান্ত ব্যাখ্যা :) :) +1
— স্বপ্নের

33

* *শীর্ষ স্তরের উপাদান, যেমন, বাদে সবকিছু মিলে html।


ধন্যবাদ জো, এটি এখানে পরীক্ষা করা হয়েছে এবং উপরের মতামত অনুসারে: * *নির্বাচক html *পুরানো ভাল আই 6 :-) বাদে সমস্ত ব্রাউজারের সমতুল্য
— স্টানো

এইচটিএমএল ফাইলের জন্য @ স্টানো * *সমান html *... তবে সিএসএস ব্যবহার করা যেতে পারে অন্য ধরণের ডকুমেন্টগুলি (এসভিজি উল্লেখযোগ্যভাবে) style
— সিলভাইন লেরক্স

11

* মানে সমস্ত উপাদানগুলিতে প্রদত্ত শৈলী প্রয়োগ করুন।

* *মানে সমস্ত উপাদানের শিশু উপাদানগুলিতে প্রদত্ত শৈলী প্রয়োগ করুন। উদাহরণ:

body > * {
  margin: 0;
}

এটি শরীরের সমস্ত শিশু উপাদানগুলিতে মার্জিন শৈলীর প্রয়োগ করে। একই ভাবে,

* * {
  margin: 0;
}

এর শিশু উপাদানগুলির margin: 0জন্য প্রযোজ্য *। সংক্ষেপে, এটি margin: 0প্রায় প্রতিটি উপাদান জন্য প্রযোজ্য ।

সাধারণত, একটি *যথেষ্ট। দুজনের দরকার নেই * *।


4
thx ব্যাখ্যার জন্য
— স্বনিবেশ

4
* *সন্তানের উপাদান নয়, বংশধর উপাদানগুলিতে শৈলী প্রয়োগ করে। শিশু উপাদানগুলি >স্থান হিসাবে নয়, আপনার উদাহরণে হবে। বংশধর এবং শিশু এক জিনিস নয় are
— বোল্টক্লক

7

নির্বাচন যে সব উপাদান একই ভাবে অন্য উপাদান ভিতরে নেস্টেড div aসব নির্বাচন হবে <a>উপাদানের একটি ভিতরে নেস্টেড কোথাও <div>উপাদান।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.