সিএসএসে তারকা-পূর্ববর্তী সম্পত্তি বলতে কী বোঝায়?


85

আমি আজ একটি সিএসএস ফাইলের দিকে চেয়ে ছিল এবং নীচের বিধি সেটটি পেয়েছি:

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}

* প্যাডিং এবং * লাইন-উচ্চতায় তারার অর্থ কী?

ধন্যবাদ

উত্তর:


98

এটি "আন্ডারস্কোর হ্যাক" এর একই লাইন বরাবর "তারকা সম্পত্তি হ্যাক"। এটিতে আইটি উপেক্ষা করার সম্পত্তিটির আগে আবর্জনা অন্তর্ভুক্ত করা হয় (* আই আই to পর্যন্ত কাজ করে, _ আই আই 6 অবধি)।


7
ধন্যবাদ! এবং আমি "স্টার প্রপার্টি হ্যাক" সন্ধান করেছি এবং এড এলিয়টের এই পরিষ্কার এবং বিস্তৃত পোস্টটি পেয়েছি: "সিএসএস টিপ: আইজি
মজিদ ফৌলদপুর

4
সিএসএস হ্যাকগুলি ব্যবহার না করে আপনি শর্তসাপেক্ষ মন্তব্যগুলির জন্যও চেষ্টা করতে পারেন, quirksmode.org/css/condcom.html আরও তথ্যের ফর্মটি পরীক্ষা করে দেখুন।
ক্যাপী ইথেরিয়েল

এটি লক্ষ করা উচিত যে সাফারি (7.0.1) এবং এর আগে সংস্করণগুলি (যাচাই করতে পারে না) আপনি স্টার প্রপার্টি হ্যাক ব্যবহার করলে কনসোল সতর্কতা নিক্ষেপ করবে will
জিম

আইআরআইপি আই 7 এবং এই ধরণের 'ফিক্সগুলি'।
ক্রিস্টোকিভি 29:17

দ্রষ্টব্য: "শর্তাধীন মন্তব্যগুলি HTML মন্তব্য কাঠামো ব্যবহার করে, সেগুলি কেবলমাত্র HTML ফাইলগুলিতে অন্তর্ভুক্ত করা যেতে পারে, এবং CSS ফাইলগুলিতে নয়" quirksmode.org/css/condcom.html
জর্জ বীরবিলিস

32

সিএসএসে? কিছুই না; এটি একটি ত্রুটি।

ইন্টারনেট এক্সপ্লোরারের কয়েকটি সংস্করণে বাগের কারণে তারা অবৈধ সম্পত্তির নামটি সঠিকভাবে উপেক্ষা করবে না, তাই এই ব্রাউজারগুলির জন্য নির্দিষ্ট সিএসএস সরবরাহের এটি একটি উপায়।

শর্তসাপেক্ষ মন্তব্য ব্যবহার করা আরও পরিষ্কার এবং নিরাপদ।


4
প্রকৃতপক্ষে. সিএসএস হ্যাকগুলি যা বৈধ সিএসএস নয় তা এড়ানো উচিত; ভবিষ্যতের ব্রাউজার তাদের সাথে কী করতে পারে তা আপনি কখনই জানেন না।
বোবিনস

@ ববিন্স আমি বুঝতে পারি যে আপনি এই মন্তব্যটি অতীতে ফিরে এসেছিলেন তবে আমরা এখন পুরোপুরি নিশ্চিত হতে পারি যে প্রতিটি ভবিষ্যতের ব্রাউজার কীভাবে সিএসএস পার্সিং অ্যালগরিদম হিসাবে এটি ব্যাখ্যা করবে এবং ব্রাউজারকে নীরবে এই জাতীয় নিয়ম উপেক্ষা করতে বলে।
মিগল 11

4
@ মি_গোল - না আমরা পারব না। ভবিষ্যতের সিএসএস স্পেসিফিকেশন *কোনও সম্পত্তির পূর্বে কোনওটির অর্থ সম্পর্কে কী বলবে তা আমরা জানি না । যদি এটির কোনও অর্থ হয়ে যায় তবে বর্তমান ব্রাউজারগুলি এটিকে এক্সটেনশানটি নিরাপদে যোগ করার অনুমতি দিয়ে এড়িয়ে যাবে ignore এটি "অবশ্যই অবহেলা" নিয়মের মূল বিষয়।
কোয়ান্টিন

8

অ্যাসিড্রিক্স অক্ষর সিএসএসে একটি বৈধ ওয়াইল্ডকার্ড। এটির একা ব্যবহারের অর্থ হ'ল নিম্নলিখিত সিএসএসের বৈশিষ্ট্যগুলি ডিওমের সমস্ত উপাদান নোডের বিপরীতে ব্যবহৃত হবে। উদাহরণ:

*{color:#000;}

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

#uniqueValue div strong{color:#f00;}

উপরের বৈশিষ্ট্যটি ওয়াইল্ডকার্ডকে ওভাররাইড করবে এবং "অনন্যমূল্য" এর আইডি বৈশিষ্ট্যযুক্ত মান সহ একটি উপাদানটির অভ্যন্তরে একটি ডিভের মধ্যে উপস্থিত সমস্ত শক্তিশালী উপাদানগুলির পাঠ্য তৈরি করবে।

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

* strong{color:#f00;}

উপরের উদাহরণটি অন্য কোনও সিএসএস বৈশিষ্ট্য নির্ধারণ না করে অনন্য শনাক্তকারীর সাথে নির্দিষ্ট না করে সমস্ত শক্ত উপাদানগুলির পাঠ্যকে লাল করে তুলবে। এটি "! গুরুত্বপূর্ণ" ঘোষণার ব্যবহারের চেয়ে বেশি নিরাপদ হিসাবে বিবেচিত হয় কারণ এই ঘোষণাপত্রটি অভ্যাসগত আচরণগুলির প্রাকৃতিক কার্যকারিতার সাথে হস্তক্ষেপ সৃষ্টি করে এবং এটি একটি স্বপ্নময় স্বপ্ন দেখে night

আপনার উদাহরণের গ্রহাণুগুলি ভুল জায়গায় রয়েছে কারণ তারা মনে হয় সম্পত্তি ঘোষণার ভিতরে, কোডটি কোঁকড়ানো ধনুর্বন্ধনী ভিতরে যায় এবং এটি সম্ভবত একটি ত্রুটির কারণ হতে পারে।


4
আমি কী জাগিয়েছিলাম সেগুলির উত্তরগুলি, যদিও এটি সঠিক উত্তর না
স্টিভ

4

এটি আই 7 এর জন্য একটি হ্যাক।

আপনি যদি এটি লিখেন:

.test {
    z-index: 1;
    *z-index: 2;
}

সমস্ত ন্যাভিগেটরে যা <div class="test"></div>ডাব্লু 3 সি স্ট্যান্ডার্ড এইচটিএমলেমেটের আই আই 7 এর z-index: 1জন্য তবে এ উপাদানটির একটি রয়েছে z-index: 2

এটি মানক নয়।

ডাব্লু 3 সি স্ট্যান্ডার্ডের সাথে একই জিনিস অর্জন করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

  • কিছু ইন্টারনেট এক্সপ্লোরার শর্তসাপেক্ষ মন্তব্য যোগ করুন (এটি অন্য সমস্ত নেভিগেটরের জন্য একটি সাধারণ HTML মন্তব্য তাই এটি একটি আদর্শ উপায়)।

    <! - [আইই 7]> <এইচটিএমএল ল্যাং = "ফ্রি" শ্রেণি = "আই 7"> <! [এন্ডিফ] ->

    <! - [জিটি আইই 7 7]> <! -> <এইচটিএমএল ল্যাং = "ফরাসী"> <! - <! [এন্ডিফ] ->

এবং আগের মতো বিধিগুলি ব্যবহার করুন:

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