সিএসএস: সিউডো উপাদানগুলি কীভাবে সরিয়ে নেওয়া যায় (এর পরে, এর আগে ...)?


235

আমি একটি ওয়েবপৃষ্ঠায় অনুচ্ছেদে ট্যাগগুলির বিন্যাসের জন্য একটি স্যুইচ ব্যবহার করতে চাই।

আমি সিডোলেমেন্ট পরে ব্যবহার করি:

p:after {content: url("../img/paragraph.gif");}

এখন আমার এই সিএসএস কোডটি পৃষ্ঠা থেকে সরিয়ে ফেলতে হবে।

এটি কীভাবে সহজে করা যায়?

আমি এটি যুক্ত করতে চাই:

  • jQuery পৃষ্ঠায় ইতিমধ্যে ব্যবহৃত হয়েছে

  • এবং আমি সিএসএসযুক্ত ফাইলগুলি অন্তর্ভুক্ত করতে বা অপসারণ করতে চাই না।


উত্তর:


454
p:after {
   content: none;
}

কোনওটিই নির্দিষ্ট করা না থাকলে বিষয়বস্তু সেট করার আনুষ্ঠানিক মান।

http://www.w3schools.com/cssref/pr_gen_content.asp


2
এটি কি অন্যান্য সামগ্রী-সম্পর্কিত শৈলীগুলি পরিষ্কার করে দেয়, এভাবে আপনার প্যাডিংস এবং মার্জিন সেট থাকলেও তারা জড় হয়ে যায়?
রায়ান উইলিয়ামস

এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। সামগ্রী ব্যবহার: ''; পূর্বে সেট করা সামগ্রী সামগ্রীটিকে ওভাররাইড করার চেষ্টা করার সময় অপ্রত্যাশিত ফলাফল হতে পারে।
রায় মাইল্ডার

তুমি কি করতে পার না display: none?
MDTech.us_MAN

@ MDTech.us_MAN হ্যাঁ আপনি "প্রদর্শন: কোনওটিই" করতে পারবেন না, তবে এটি ডিওএম ট্রিতে এখনও বজায় থাকবে। সামগ্রী নির্ধারণ: এটি কেউই
ডিওএম ট্রিতেও

29

আপনাকে এমন একটি সিএসএস বিধি যুক্ত করতে হবে যা পরবর্তী শ্রেণীর সামগ্রীগুলি ( একটি শ্রেণীর মাধ্যমে ) সরিয়ে দেয় ..


কিছু বৈধ মন্তব্যের কারণে একটি আপডেট

:afterনিয়মটি সম্পূর্ণরূপে অপসারণ / অক্ষম করার আরও সঠিক উপায়টি হ'ল

p.no-after:after{content:none;}

যেমন জিলিয়ান নিশ্চয় ওং বললেন


আসল উত্তর

আপনাকে এমন একটি সিএসএস বিধি যুক্ত করতে হবে যা পরবর্তী শ্রেণীর সামগ্রীগুলি ( একটি শ্রেণীর মাধ্যমে ) সরিয়ে দেয় ..

p.no-after:after{content:"";}

এবং pআপনি যখন এই লাইনের সাথে চান তখন আপনার ক্লাসটি যুক্ত করুন

$('p').addClass('no-after'); // replace the p selector with what you need...

একটি কার্যকারী উদাহরণ: http://www.jsfiddle.net/G2czw/



8

হিসাবে জিলিয়ান এর উত্তর উল্লেখিত , বরাদ্দ noneকরা contentসমাধান সমস্যাঃ

p::after {
   content: none;
}

নোট যে সিএসএস 3 , W3C এর দুই কোলন (ব্যবহার করা বাঞ্ছনীয় ::জন্য) সিউডো-উপাদানের মত সামনে বা পরে

থেকে সিউডো-উপাদানে MDN ওয়েব ডক

দ্রষ্টব্য: একটি নিয়ম হিসাবে, ::একক কোলন ( :) এর পরিবর্তে ডাবল কলোন ( ) ব্যবহার করা উচিত । এটি সিউডো-ক্লাসগুলি ছদ্ম-উপাদানগুলির থেকে পৃথক করে। তবে, যেহেতু এই পার্থক্যটি ডাব্লু 3 সি অনুমানের পুরানো সংস্করণগুলিতে উপস্থিত ছিল না, তাই বেশিরভাগ ব্রাউজারগুলি সামঞ্জস্যের জন্য উভয় বাক্য গঠন সমর্থন করে। নোট যে ::selectionসর্বদা ডাবল কলোন ( ::) দিয়ে শুরু করা উচিত ।


5

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


0

কয়েক মিনিট আগেও একই সমস্যা ছিল এবং কেবল content:none;কাজ না করে আমার জন্য যুক্ত content:none !important;এবং display:none !important;কাজ করেছিল


-3
p:after {
  content: none;
}

এটি মুছে ফেলার একটি উপায় :afterএবং আপনি এটির জন্যও করতে পারেন:before


1
এই উত্তরটি বেশ কয়েক বছর আগে বর্তমানে গৃহীত হিসাবে একই সমাধানটির পুনরাবৃত্তি বলে মনে হচ্ছে। যদি আপনার মনে হয় আপনার কিছু যোগ করার আছে তবে দয়া করে এটি মূল উত্তরের মন্তব্য হিসাবে রেখে দিন। বিকল্পভাবে আপনার যদি আলাদা সমাধান থাকে তবে দয়া করে এটি কেন আলাদা (এবং সম্ভবত আরও ভাল) ব্যাখ্যা করুন।
এমটিসিস্টস্টার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.