: বনাম পরে :: :: পরে


133

সিএসএস ২.১ :afterএবং সিএসএস 3 ::afterসিউডো-সিলেক্টরের ( ::afterপুরানো ব্রাউজারগুলিতে সমর্থিত না হওয়া ব্যতীত ) কোনও কার্যকরী পার্থক্য রয়েছে কি ? নতুন স্পেসিফিকেশন ব্যবহার করার কোনও ব্যবহারিক কারণ আছে কি?

উত্তর:


132

এটি সিউডো- ক্লাস বনাম সিউডো - উপাদান পার্থক্য।

ছাড়া জন্য ::first-line, ::first-letter, ::beforeএবং ::after(একই এবং একক কোলন ব্যবহার করা যেতে পারে যদি আপনি IE8 সমর্থন প্রয়োজন যা একটু প্রায় হয়েছে), জাল- উপাদান প্রয়োজন, ডবল কোলন।

সিউডো-ক্লাসগুলি প্রকৃত উপাদানগুলি নিজেরাই নির্বাচন করে, আপনি ব্যবহার করতে পারেন :first-childবা উদাহরণস্বরূপ একটি ডিভের মধ্যে :nth-of-type(n)প্রথম বা নির্দিষ্ট নির্বাচন করতে পারেন <p>
(এবং প্রকৃত উপাদানগুলির মতো :hoverএবং এরও বর্ণনা করে :focus))

সিউডো-এলিমেন্টগুলি উপাদানগুলির মতো ::first-lineবা এমন উপাদানগুলির উপ-অংশকে লক্ষ্য ::first-letterকরে যা তাদের নিজস্ব উপাদানগুলিতে নয়।


আসলে, এখানে আরও ভাল বর্ণনা: http://bricss.net/post/10768584657/ سجا-your-lingo-pseudo-class-vs-pseudo-element
এছাড়াও এখানে: http://www.evotech.net/blog/2007/ 05 / পরে ভি-পরে কি-is-ডাবল কোলন-স্বরলিপি /


6
এই পার্থক্যের কারণেই "সিউডো-সিলেক্টর" (প্রশ্ন থেকে) একটি অযৌক্তিক পদ। কখনও এটি ব্যবহার করবেন না।
BoltClock

1
যদি না আপনি উভয় সম্পর্কে কথা না বলছেন। বা জেনেরিক পদে।
অ্যালবার্ট

1
এটি তত্ত্বটির দুর্দান্ত ব্যাখ্যা, তবে এটির ব্যবহারিক বিষয়ে কি প্রভাব রয়েছে? আরও বেশি ব্রাউজারে - CSS3 স্পেসিফিকেশন ব্যবহার করে সিএসএস একই কাজটি করার আসলে কি কোনও সুবিধা আছে?
ড্রোজেনফিল্ড

1
@ ডমিনিক ধন্যবাদ - আমি আমার মন্তব্যে আপনার সম্বোধনের প্রশংসা করি। সিএসএস 3 ট্যাগ সমর্থন করার বিষয়টি এখনই প্রায় অ-ইস্যু বলে কোনও প্রশ্ন নেই।
DRosenfeld

1
@ বরিসডি.টিওহরভ বিশেষত, আপনি আইই 8 ব্যতিক্রমের সাথে অভিন্ন আচরণের মাধ্যমে :afterএবং ::afterবিনিময়যোগ্যভাবে ব্যবহার করতে পারেন যা প্রশ্ন নোট হিসাবে, একক কোলন প্রয়োজন।
ডমিনিক

13

সিএসএস নির্বাচনকারীরা হ'ল এমন ::afterকিছু ভার্চুয়াল উপাদান যা ডিওএম ট্রিতে সুস্পষ্ট উপাদান হিসাবে উপলভ্য নয়। তারা "বলা হয় ছদ্ম-উপাদানসমূহ " এবং ব্যবহার করা হয় ঢোকান একটি উপাদান পর / সামনে কিছু বিষয়বস্তু (যেমন: ::before, ::after) বা, কিছু অংশ নির্বাচন করুন একটি উপাদান এর (উদাহরণ: ::first-letter)। বর্তমানে মাত্র 5 মান ছদ্ম উপাদান হল: after, before, first-letter, first-line, selection

অন্যদিকে, সেখানে নির্বাচকদের "বলা অন্যান্য ধরনের হয় ছদ্ম-ক্লাস যা নির্ধারণ করতে ব্যবহৃত হয়" বিশেষ রাষ্ট্র (যেমনটা মতো উপাদান :hover, :focus, :nth-child(n))। এগুলি ডিওমে বিদ্যমান বিদ্যমান উপাদানগুলির পুরো নির্বাচন করবে। সিউডো ক্লাসগুলি 30 টিরও বেশি আইটেম সহ একটি দীর্ঘ তালিকা।

প্রাথমিকভাবে (সিএসএস 2 এবং সিএসএস 1 এ) সিঙ্গেল-কোলন সিনট্যাক্স সিউডো-ক্লাস এবং সিউডো-উপাদান উভয়ের জন্য ব্যবহৃত হয়েছিল। তবে, সিএসএস 3 -তে সিনডেক্সটি সিউডো-এলিমেন্টগুলির মধ্যে আরও আলাদা করার জন্য স্বরলিপিটি ::প্রতিস্থাপন করেছে :

পিছিয়ে সামঞ্জস্যের জন্য, পুরানো একক-কোলন সিনট্যাক্স সিউডো-এলিমেন্টগুলির মতো গ্রহণযোগ্য :after( যেমন ব্রাউজারগুলি এখনও সমস্ত সেমিকোলনের সাহায্যে পুরানো বাক্য গঠন সমর্থন করে)। কেবল আইই -8 নতুন সিনট্যাক্স সমর্থন করে না (আপনি আইই 8 সমর্থন করতে চাইলে একক-কোলন ব্যবহার করুন)।

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