এইচটিএমএল ধারকটিতে একাধিক ক্লাস কীভাবে বরাদ্দ করবেন? [বন্ধ]


398

একক ধারকটিতে একাধিক ক্লাস নির্ধারণ করা কি সম্ভব HTML?

কিছুটা এইরকম:

<article class="column, wrapper"> 

এখন আপনার কী সমস্যা? যে কোনও উপায়েই এই সমস্যার সমাধান ছিল। অন্য কোনও সমস্যা বিভিন্ন কারণের উপর নির্ভর করে।
অরেলিও দে রোজা

1
যদিও এটি করণীয়যোগ্য তবে আমি সিএসএস উত্তরাধিকার সহ নেস্টেড পাত্রে ব্যবহার করি। এটি অনেক সুন্দর এবং সাধারণত আরও দরকারী।
জোনাথন হেনসন

কমা অপসারণের পরেও যদি আপনার এখনও সমস্যা হয় তবে আমি কেন বিধিগুলি কাজ করে না সে সম্পর্কে গাইডেন্স দেখার পরামর্শ দিই । আমি আমার কাছে সবচেয়ে সাধারণ স্পিড-বাম্প পেয়েছি সেখানে "শর্টহ্যান্ড পপ্রেটি ব্যবহার" হিসাবে বর্ণিত পরিস্থিতিটি (অর্থাত্‍ নিখুঁতভাবে একটি ডিফল্ট মানটিতে প্রত্যাবর্তন)
এলজে

উত্তর:


531

ঠিক এভাবে কমাটি সরিয়ে ফেলুন:

<article class="column wrapper"> 

3
<নিবন্ধ শ্রেণি = "শ্রেণী 1 শ্রেণি 2 ... শ্রেণিN">
আন্দ্রে এলরিকো

1
কমাগুলির পরিবর্তে এর স্থানটি আরও জোর করে। তবে হ্যাঁ উত্তরের জন্য ধন্যবাদ
সোহম মেহতা

188

মান থেকে

7.5.2 উপাদান শনাক্তকারী: আইডি এবং শ্রেণীর বৈশিষ্ট্য

বৈশিষ্ট্য সংজ্ঞা

আইডি = নাম [সিএস]
এই বৈশিষ্ট্যটি একটি উপাদানকে একটি নাম নির্ধারণ করে। এই নামটি অবশ্যই একটি নথিতে অনন্য হতে হবে।

শ্রেণি = সিডিটা-তালিকা [সিএস]
এই বৈশিষ্ট্যটি একটি উপাদানকে শ্রেণীর নাম বা শ্রেণীর নামের সেট বরাদ্দ করে। যে কোনও সংখ্যক উপাদানকে একই শ্রেণির নাম বা নাম বরাদ্দ করা যেতে পারে। একাধিক শ্রেণীর নাম অবশ্যই সাদা স্থান অক্ষরের দ্বারা পৃথক করা উচিত।

হ্যাঁ, কেবল তাদের মধ্যে একটি স্থান রাখুন।

<article class="column wrapper">

অবশ্যই, সিএসএস উত্তরাধিকার নিয়ে আপনি করতে পারেন এমন অনেকগুলি বিষয় রয়েছে। এখানে আরও পড়ার জন্য একটি নিবন্ধ দেওয়া আছে


3
যদি কোনও উপাদান একই বৈশিষ্ট্যের জন্য বিভিন্ন মান নির্ধারণ করে এমন একাধিক শ্রেণীর জন্য বরাদ্দ করা হয় তবে ব্রাউজারের কীভাবে প্রতিক্রিয়া হওয়া উচিত তা প্রত্যাশা করা উচিত। এর জন্য কি কিছু নজির আছে?
চিরদিনের জন্য

6
@ জোনাথনহেনসন: না, তা নয়। বাঁধা নির্দিষ্টতার ক্ষেত্রে, সিএসএস পরে যে বিধি পরে তা জয়ী হয়।
উলিচ শোয়ার্জ

1
পরে উল্লিখিত সিএসএস ক্লাসটি (যা আমি এটি পরীক্ষা করার সময় আমি কী আশা করছিলাম) বা পরে সিএসএসের সমস্ত ফাইলগুলিতে @ অ্যালরিচশওয়ার্জ? কারণ পূর্ববর্তীটি অবশ্যই আমি পরীক্ষিত ব্রাউজারগুলিতে কাজ করে না, যখন আমি পরের অনুমানটি পরীক্ষা করেছি tested
জোনাথন হেনসন

9
@ জোনাথনহেনসন: সিএসএস ২.১ স্পেস অনুসারে , "যদি দুটি ঘোষণাপত্রের ওজন, উত্স এবং নির্দিষ্টতা একই থাকে তবে সুনির্দিষ্ট বিজয় হয়। আমদানি করা স্টাইল শিটগুলিতে ঘোষণাকে স্টাইল শিটের কোনও ঘোষণার আগেই বিবেচনা করা হয়।" সুতরাং এটি সিএসএস ঘোষণার আদেশ। ক্লাসটি নাম কোন নির্দিষ্ট করেছেন আদেশ, যেহেতু .fooজন্য অন্বিত চিনি [class ~= foo] সুত্র , " fooএকটি শব্দ classঅ্যাট্রিবিউট"।
উলিরিচ শোয়ার্জ

1
@ অলিরিচ শোয়ার্জ স্পষ্টির জন্য আপনাকে ধন্যবাদ।
জোনাথন হেনসন

18

বরাদ্দ করতে একাধিক শ্রেণীর একটি থেকে HTML উপাদান , বর্গ অ্যাট্রিবিউট এর উদ্ধৃতি মধ্যে উভয় শ্রেণীর নাম অন্তর্ভুক্ত এবং তাদের একটি স্থান দ্বারা পৃথক আছে:

<article class="column wrapper"> 

উপরের উদাহরণে columnএবং wrapperদুটি পৃথক CSS শ্রেণি এবং তাদের দুটি বৈশিষ্ট্যই articleউপাদানটিতে প্রয়োগ করা হবে ।


16
এই উত্তরটি আগের থেকে আলাদা কী?
ইভান রদ্রিগেজ টরেস

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