একটি সিএসএস নির্বাচকটিতে একটি অ্যাসিটার্ক (*) কী করে?

Question

আমি এই সিএসএস কোডটি পেয়েছি এবং এটি কী করে তা দেখার জন্য আমি এটি চালিয়ে গিয়েছিলাম এবং এটি পৃষ্ঠায় প্রতিটি উপাদানকে রূপরেখা দিয়েছিল,

অ্যাসিটার্ক * সিএসএসে কি করে তা কেউ ব্যাখ্যা করতে পারেন?

<style>
* { 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 }
</style>

Comments

@ জাসন্ডাভিস - এই প্রশ্নটি আপনার কোডের সাথে নির্দিষ্ট বা আমি একটি নতুন প্রশ্ন জিজ্ঞাসা করব। আপনার পৃষ্ঠাটি বিভিন্ন রঙের সাথে একাধিক রূপরেখা প্রদর্শন করে? আমি এর মতো বিভিন্ন রঙের উত্পাদন করার একমাত্র উপায় হ'ল আমি যদি কোনও ট্যাগ উল্লেখ করি তবে * আইই div * { outline ...}এবং * { outline ... }। যদি আমি ব্যবহার করি * { outline ... }এবং * * { outline ... }কেবলমাত্র শেষ সিএসএস বিবরণ ব্যবহৃত হয়।

— জ্যাবারওয়কি ডিকম্পোলার

Answer 1

এটি একটি ওয়াইল্ডকার্ড, এর অর্থ এটি ডিওমের portion অংশের মধ্যে থাকা সমস্ত উপাদান নির্বাচন করবে।

উদাহরণস্বরূপ, আমি যদি আমার পুরো পৃষ্ঠায় প্রতিটি উপাদানকে মার্জিন প্রয়োগ করতে চাই তবে আপনি এটি ব্যবহার করতে পারেন:

* {
    margin: 10px;
}

আপনি এটি উপ-নির্বাচনের মধ্যেও ব্যবহার করতে পারেন, উদাহরণস্বরূপ নিম্নলিখিতটি অনুচ্ছেদে ট্যাগের মধ্যে থাকা সমস্ত উপাদানগুলিতে একটি মার্জিন যুক্ত করবে:

p * {
    margin: 10px;
}

আপনার উদাহরণটি একাধিক রঙিন সীমানা দেওয়ার জন্য উপাদানগুলিতে একটানা সীমানা এবং মার্জিন প্রয়োগ করার জন্য কিছু সিএসএস কৌশল দেখিয়েছে। উদাহরণস্বরূপ, একটি সাদা সীমানা একটি কালো সীমানা দ্বারা বেষ্টিত।

Comments

p *কেবল ব্যবহারের বিপরীতে ব্যবহার করে কী লাভ p?

— সলোমন ক্লসন

কোনও "সুবিধা" নেই, আপনি যেমন pট্যাগের মধ্যে সমস্ত বংশধর উপাদান নির্বাচন করেন ঠিক তেমনই। তাই আপনি যদি একটি ছিল span, b, strong, imgআপনার অনুচ্ছেদ ভিতরে ইত্যাদি সেই নির্বাচন করুন ও তাদের শৈলী প্রয়োগ করবে।

— সোভিয়েট

Answer 2

আপনি যে সিএসএসটি উল্লেখ করেছেন সেটি পৃষ্ঠা নকশা সমস্যার ডিবাগ করার জন্য ওয়েব ডিজাইনারের পক্ষে খুব কার্যকর very আমি প্রায়শই এটি পৃষ্ঠাতে অস্থায়ীভাবে ফেলে রাখি যাতে আমি সমস্ত পৃষ্ঠার উপাদানগুলির আকার দেখতে পারি এবং ট্র্যাক ডাউন করতে পারি, উদাহরণস্বরূপ, এটির খুব বেশি প্যাডিং রয়েছে যা অন্য উপাদানগুলিকে স্থানের বাইরে ঠেলে দিচ্ছে।

একই কৌশলটি প্রথম প্রথম লাইনেই করা যেতে পারে তবে একাধিক রূপরেখা সংজ্ঞায়িত করার সুবিধাটি হ'ল আপনি সীমানা রঙের মাধ্যমে নেস্টেড পৃষ্ঠার উপাদানগুলির স্তরক্রমের জন্য একটি ভিজ্যুয়াল ক্লু পাবেন get

Comments

যদিও আজকাল পরিদর্শকগুলিতে নির্মিত ব্রাউজারটি অনেক বেশি কার্যকর, না? অথবা ফায়ারব্যাগ ব্যবহার করে।

— লরেন্স ডল

@ সফটওয়্যারমনকি - হ্যাঁ, এই দিনগুলি সত্য। বিল্ড-ইন ইন্সপেক্টররা দুর্দান্ত। উদাহরণস্বরূপ, আমি ক্রোম ব্যবহার করি এবং Ctrl+Shift+cতারপরে কোনও উপাদান এবং ক্রোম ব্যাকগ্রাউন্ডে রঙিন করি। সিএসএসে এই নক্ষত্রের স্টাইলিং বাদ দেওয়ার চেয়ে আরও দ্রুত।

— টম

সোভিয়েতের উত্তরটি সত্য হলেও, এই উত্তরটি সঠিক উত্তর হিসাবে চিহ্নিত করা উচিত ছিল, কোজ এটিই জিজ্ঞাসা করা প্রশ্নের সঠিক উত্তর।

— বিলি স্যামুয়েল

Answer 3

* একটি ওয়াইল্ডকার্ড। এর অর্থ হ'ল এটি কোনও HTML উপাদানটিতে শৈলী প্রয়োগ করবে। অতিরিক্ত * এর স্টাইলটি নীড়ের সংশ্লিষ্ট স্তরে প্রয়োগ করুন।

এই নির্বাচক উপাদানগুলির নেস্টিং স্তরের উপর নির্ভর করে কোনও পৃষ্ঠার সমস্ত উপাদানগুলিতে বিভিন্ন বর্ণের রূপরেখা প্রয়োগ করবেন।

Answer 4

* অন্যান্য বেশিরভাগ ক্ষেত্রে যেমন ওয়াইল্ডকার্ড হিসাবে কাজ করে।

যদি তুমি করো:

*{
  margin: 0px;
  padding: 0px;
  border: 1px solid red;
}

তারপরে সমস্ত এইচটিএমএল উপাদানগুলির সেই স্টাইলগুলি থাকবে।

Answer 5

আপনার স্টাইলশিটে, নিয়মিত আপনাকে ফন্ট-আকারের বৈশিষ্ট্য এবং মার্জিনের মতো সমস্ত উপাদানগুলির জন্য মৌলিক নিয়মটি নির্ধারণ করতে হবে। {হরফ-আকার: 14px; মার্জিন: 0; প্যাডিং: 0; elements / উপাদানগুলিতে ব্রাউজারের ডিফল্ট সেটিংস ওভারাইড, সমস্ত পাঠ্য ফন্টের আকার 14 পিক্সেল আকার হিসাবে শূন্য মার্জিন এবং এইচ 1, ... সহ প্যাডিং সহ রেন্ডার করা হবে। * /