আমি একসাথে একাধিক ক্লাসে শৈলীগুলি কীভাবে প্রয়োগ করতে পারি?

Question

আমি চাই সিএসএসে বিভিন্ন নামের দুটি শ্রেণি একই সম্পত্তি রাখুক। আমি কোডটি পুনরাবৃত্তি করতে চাই না।

.abc {
   margin-left:20px;
}  
.xyz {
   margin-left:20px;
}

<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>

যেহেতু উভয় শ্রেণীই একই কাজ করছে, তাই আমার এটিকে একটিতে মিশতে সক্ষম হওয়া উচিত। আমি এটা কিভাবে করবো?

Answer 1

.abc, .xyz { margin-left: 20px; }

আপনি যা খুঁজছেন তা

Comments

+1, ঠিক আমি যা খুঁজছিলাম। তারপরে আপনি .abc এবং / অথবা .xyz এর জন্য একটি পৃথক, পৃথক এন্ট্রিও রাখতে পারেন যা আপনি উভয় ক্ষেত্রেই প্রয়োগ করতে চান না eg যেমন .xyz xy ফন্ট-ওজন: গা bold়; 20px বামে পড়েছে তবে .abc কেবল মার্জিন-বামে।

— রায়ানফায়েস্কটল্যান্ড

Answer 2

একই বৈশিষ্ট্যগুলি কমা দিয়ে আলাদা করে আপনার একাধিক সিএসএস ঘোষণা থাকতে পারে:

.abc, .xyz {
   margin-left: 20px;
}

Comments

যদিও নির্বাচিত উত্তর সম্পূর্ণ সঠিক, আমরা গ্যারান্টি দিতে পারি না যে newbies বুঝতে পারে যে এটি কী করছে। আমি আরও ব্যাখ্যা একটি সঙ্গে যেতে হবে। যেহেতু এটি "এখানে মাছটি" এর পরিবর্তে "কীভাবে মাছ ধরবেন" এর বেশি।

— ওলগুন কেয়া

Answer 3

আপনার সিএসএস পুনরাবৃত্তি করবেন না

 a.abc, a.xyz{
    margin-left:20px;
 }

অথবা

 a{
    margin-left:20px;
 }

Comments

আমি মনে করি abcএকটি শ্রেণীর নাম এবং xyzঅন্য হিসাবে বোঝানো হয়েছিল । আপনার পরামর্শটি হ'ল সাধারণ বৈশিষ্ট্যগুলির জন্য একটি সাধারণ শ্রেণীর নাম ব্যবহার করা যা প্রশ্নটি দেখিয়ে অপ্রয়োজনীয় এবং বিভ্রান্তিকর।

— পর্বতের সূক্ষ্মাগ্র শৈলশিরা

Answer 4

আপনি যদি নিম্নলিখিত হিসাবে ব্যবহার করেন তবে আপনার কোডটি আপনার লেখার চেয়ে আরও কার্যকর হতে পারে। আপনার অন্য একটি বৈশিষ্ট্য যুক্ত করা উচিত।

.abc, .xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

অথবা

a.abc, a.xyz {
margin-left:20px;
width: 100px;
height: 100px;
} 

অথবা

a {
margin-left:20px;
width: 100px;
height: 100px;
}