আমি কীভাবে CSS সম্পত্তি বাতিল করতে পারি?

Question

মূলত আমার পৃষ্ঠায় আমার দুটি বাহ্যিক CSS রয়েছে।

প্রথমটিতে Main.cssসমস্ত স্টাইলের বিধি রয়েছে তবে এতে আমার অ্যাক্সেস নেই এবং তাই আমি এটিকে সংশোধন করতে পারি না। আমার একটি দ্বিতীয় ফাইলে অ্যাক্সেস রয়েছে Template.cssতাই আমার Main.cssমানগুলি ওভাররাইড করতে হবে template.css।

এটি সহজ, যার জন্য আমাকে মানটি পরিবর্তন করতে হবে তবে আমি কীভাবে কোনও সম্পত্তি পুরোপুরি সরিয়ে দেব?

যেমন একটি শ্রেণীর .c1আছে বলুন height: 40px;, আমি কীভাবে এই উচ্চতার সম্পত্তি থেকে মুক্তি পাব?

Comments

stackoverflow.com/questions/15901030/…

— জো ব্যারেট

Answer 1

আপনাকে প্রতিটি পৃথক সম্পত্তি তার ডিফল্ট মানটিতে পুনরায় সেট করতে হবে। এটি দুর্দান্ত নয়, তবে আপনি আমাদের যে তথ্য দিয়েছিলেন তা একমাত্র উপায় way

আপনার উদাহরণে, আপনি এটি করবেন:

.c1 {
    height: auto;
}

আপনার এখানে প্রতিটি সম্পত্তি অনুসন্ধান করা উচিত:

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

জন্য উদাহরণস্বরূপ,height :

প্রাথমিক মান : auto

অন্য একটি উদাহরণmax-height :

প্রাথমিক মান : none

---

2017 সালে, এখন আর একটি উপায় রয়েছে, unsetমূলশব্দ:

.c1 {
    height: unset;
}

কিছু ডকুমেন্টেশন: https://developer.mozilla.org/en-US/docs/Web/CSS/unset

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

ব্রাউজার সমর্থনটি ভাল: http://caniuse.com/css-unset-value

Comments

সুন্দর উত্তর এবং রেফারেন্সের জন্য +1। আমার মনে হয় লিঙ্কটি এতে পরিবর্তিত হয়েছে: developer.mozilla.org/en-US/docs/Web/CSS/

— পাওলো

কোনও প্রাথমিক মান ("প্রাথমিক মান: কিছুই নয়") অটোতে মান নির্ধারণ কাজ করে না বলে মনে হয়। উদাহরণস্বরূপ, "সর্বোচ্চ-প্রস্থ: অটো" করার সময়; আমি একটি মিল নেই সম্পত্তি মান ত্রুটি। আমার কি করা উচিৎ?

— ব্যবহারকারী 1779563

@ ব্যবহারকারী 1779563 আপনি এটিকে "কিছুই নয়" তে সেট করেছেন।

— আন্দ্রে কেআর

আমি তার উত্তরটির জন্য @ সিংহুমিলিকোকে ধন্যবাদ জানাতে চাই যা আমার উত্তর গৃহীত হওয়ার পরে এবং লোকেরা এটিকে নিচে নামতে না পারায় নির্লজ্জভাবে চুরি করেছি।

— ত্রিশডট

Answer 2

.c1 {
    height: unset;
}

unsetমূল্য-সংযোজন সিএসএস 3 এই সমস্যা solves এবং এটি আরও বেশি সার্বজনীন চেয়ে পদ্ধতি autoবাinitial কারণ এটি যে সিএসএস সম্পত্তি তার ডিফল্ট মান তার ডিফল্ট behawior তার পিতা বা মাতা আপেক্ষিক সেট করে এবং অতিরিক্ত।

মনে রাখবেন যে initial মানটি পূর্বোক্ত আচরণকে ভঙ্গ করে।

এমডিএন থেকে :

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

Answer 3

যেমন একটি শ্রেণি বলুন .c1 এর উচ্চতা: 40px; আমি কীভাবে এই উচ্চতার সম্পত্তি থেকে মুক্তি পাব?

দুঃখের বিষয়, আপনি পারবেন না। সিএসএসের কোনও "ডিফল্ট" স্থানধারক নেই।

সেক্ষেত্রে আপনি সম্পত্তিটি ব্যবহার করে পুনরায় সেট করবেন

 height: auto;

যেহেতু @ বেন সঠিকভাবে উল্লেখ করেছেন, কিছু ক্ষেত্রে inheritসঠিক পথে যাওয়া উদাহরণস্বরূপ, কোনও aউপাদানটির পাঠ্যের রঙ পুনরায় সেট করার সময় (যে সম্পত্তিটি পিতামণ্ডলের উপাদান থেকে উত্তরাধিকার সূত্রে প্রাপ্ত):

a { color: inherit }

Comments

আমি এটি +1 দেব। "উত্তরাধিকারী" মানও রয়েছে। উচ্চতা ব্যতীত অন্য কয়েকটি ক্ষেত্রে, উত্তরাধিকারী আরও উপযুক্ত।

— বেন

@ মিও আপনি ঠিক বলেছেন (সম্পর্কিত প্রশ্ন) এর অর্থ মনে হচ্ছে যে এমন কিছু বৈশিষ্ট্য রয়েছে যা আইইতে তাদের ডিফল্টে পুনরায় সেট করা যায় না ... কি

— আফসোস

Answer 4

initialলেখকদের এই প্রাথমিক মানটি স্পষ্টভাবে নির্দিষ্ট করার জন্য CSS3 এ একটি কীওয়ার্ড যুক্ত করা হচ্ছে।

Comments

এফওয়াইআই: আই 9 height:initial;তে কাজ করতে দেখা যাচ্ছে না।

— ক্রিস হলেনবেক

তাই এর মধ্যে পার্থক্য কি initialএবং autoএবং unset।

— এক্সিলুস্টএক্স

Answer 5

স্থির উচ্চতার সম্পত্তি থেকে মুক্তি পেতে আপনি এটি ডিফল্ট মানটিতে সেট করতে পারেন:

height: auto;

Answer 6

আপনার মধ্যে একজনের চেয়ে আরও বেশি নির্দিষ্টতার একটি নির্বাচনকারীর সরবরাহ করতে হবে Main.css। সেই নির্বাচকের সাহায্যে আপনি যে বৈশিষ্ট্যগুলির ডিফল্ট করতে চান তার মান নির্ধারণ করুন eg

body .c1 {
    height: auto;
}

এমন কোনও "ডিফল্ট" মান নেই যা সমস্ত বৈশিষ্ট্যের জন্য কাজ করবে, আপনাকে প্রত্যেকের জন্য ডিফল্ট কী তা খুঁজে বার করতে হবে এবং এটি ব্যবহার করতে হবে।

Answer 7

আমার একটি সমস্যা ছিল যে আমি যখন "উচ্চতা "টিকে" আনসেট "বা" প্রাথমিক "তে ওভাররাইট করি তখনও পূর্ববর্তী সেটিংসটি সরিয়ে ফেলা থেকে এটি আলাদাভাবে আচরণ করে।

দেখা গেল আমার ন্যূনতম-উচ্চতার সম্পত্তিও সরিয়ে নেওয়া দরকার!

height: unset;
min-height: none

সম্পাদনা: আমি আইই 7 তে পরীক্ষা করেছি এবং এটি "আনসেট" স্বীকৃতি দেয় না, সুতরাং "অটো" আরও ভাল কাজ করে "।