সিএসএসে "এর চেয়ে বড়" বা ">" চরিত্রটি কীভাবে ব্যবহৃত হয়?


159

আমি এই অক্ষরটি সিএসএস ফাইলে বেশ কয়েকবার দেখেছি তবে এটি কীভাবে ব্যবহৃত হয়েছে তা আমার কোনও ধারণা নেই। কেউ কি আমাকে এটি ব্যাখ্যা করতে পারেন এবং কীভাবে পৃষ্ঠার শৈলীকে আরও সহজ করে তুলতে তারা দরকারী useful


1
এটির জন্য উইন্ডোজ ইন্টারনেট এক্সপ্লোরার 7 বা তার পরে প্রয়োজন তা জেনে রাখুন। অথবা এফএফ বা কিছু আধুনিক ব্রাউজার। http://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx
ভিলি

বিটিডাব্লু,> সাধারণত "এর চেয়ে বড়" (বা, কঠোরভাবে ভুলভাবে বলা হয়, ডান কোণের বন্ধনী হিসাবে) know
রিচার্ড

উত্তর:


201

এটি সিএসএসের শিশু নির্বাচনকারী। P > SPANএর অর্থ এমন একটি স্টাইল প্রয়োগ করা যা সমস্ত স্প্যান ট্যাগ অনুসরণ করে যা কোনও Pট্যাগের বাচ্চা ।

নোট করুন যে "শিশু" এর অর্থ "তাত্ক্ষণিক বংশধর", কেবল কোনও বংশধর নয়। P SPANএকটি হল বংশধর নির্বাচক শৈলী যে সব থেকে অনুসরণ করে প্রয়োগ করা হয়, SPANট্যাগ করে একটি সন্তান Pবা ট্যাগ অন্য কোন ট্যাগটি সন্তান / বংশধর যে যাও recursively শিশু Pট্যাগ। P > SPANকেবলমাত্র SPANসেই ট্যাগগুলিতে প্রয়োগ হয় যা কোনও Pট্যাগের শিশু children


6
সতর্কতার একটি নোট যদিও - এটি ie6
Wheresrhys

138
p em

এর <em>মধ্যে যে কোনওটি মিলবে <p>। উদাহরণস্বরূপ, এটি নিম্নলিখিতগুলির সাথে মেলে <em>:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

অন্য দিকে,

p > em

শুধুমাত্র <em>তাত্ক্ষণিক শিশুদের সাথে মেলে <p>। সুতরাং এটি মিলবে:

<p>Text <em>foo</em> bar</p>

কিন্তু না:

<p><strong><em>foo</em></strong></p>

7
সুন্দর, স্পষ্ট উদাহরণ। যদিও টিপিডিআইয়ের উত্তর সহায়ক ছিল, এটি সত্যিই এটি বুঝতে সহজ করে তুলেছে।
জে স্কট এলেব্লিন

8

এটি চাইল্ড কম্বিনেটর হিসাবে পরিচিত:

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

div.resources > a{color: white;}

( http://www.xML.com/pub/a/2003/06/18/css3-selectors.html থেকে )


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