ارث بری در css

[khadem1386]

سلام:

سه تا style داریم که توی بعضی از صفتها با هم مشترک هستند.
توی بعضی از صفتها متفاوت هستند. مثلا اینجا توی صفت width متفاوت هستند


.ClassA{ font-size: 6pt;font-weight1:bold; width: 0mm; margin-Top:-6px; margin-Left:5px}
.ClassB { font-size: 6pt;font-weight:bold; width: 12mm; margin-Top:-6px; margin-Left:5px}
.ClassC { font-size: 6pt;font-weight:bold; width: 24mm; margin-Top:-6px; margin-Left:5px}


style اولی را می خواهیم به کلاس classA اعمال کنیم
style دومی را می خواهیم به کلاس classB اعمال کنیم
style سومی را می خواهیم به کلاس classC اعمال کنیم.

چگونه می توانیم صفتهای مشترک را مخرج مشترک بگیریم؟:چشمک:

یعنی برای صفتهای مشترک یک والد درست کنم که این سه تا style از اون ارث ببرند.

style ها را نمی خواهم به نوع tag ها وابسته کنم
فقط می خواهم به کلاسهای tag ها وصلش بکنم

چگونه امکان پذیر است؟

مرسی

[__ziXet__]

سلام:

سه تا style داریم که توی بعضی از صفتها با هم مشترک هستند.
توی بعضی از صفتها متفاوت هستند. مثلا اینجا توی صفت width متفاوت هستند


.ClassA{ font-size: 6pt;font-weight1:bold; width: 0mm; margin-Top:-6px; margin-Left:5px}
.ClassB { font-size: 6pt;font-weight:bold; width: 12mm; margin-Top:-6px; margin-Left:5px}
.ClassC { font-size: 6pt;font-weight:bold; width: 24mm; margin-Top:-6px; margin-Left:5px}


style اولی را می خواهیم به کلاس classA اعمال کنیم
style دومی را می خواهیم به کلاس classB اعمال کنیم
style سومی را می خواهیم به کلاس classC اعمال کنیم.

چگونه می توانیم صفتهای مشترک را مخرج مشترک بگیریم؟:چشمک:

یعنی برای صفتهای مشترک یک والد درست کنم که این سه تا style از اون ارث ببرند.

style ها را نمی خواهم به نوع tag ها وابسته کنم
فقط می خواهم به کلاسهای tag ها وصلش بکنم

چگونه امکان پذیر است؟

مرسی؟
چرا همش غلامت سوال میذاری؟!
به نظر من یه راهش اینه که از id استفاده کنی و اون استایلی رو که میخوای بین همه مشترک باشه با id به تگ ها بدی.
یه راه دیگه اش هم که شاید زیاد منطقی نباشه ولی جواب میده اینه که این کارو بکنی:

.default { width:20}
.classA { ---}
.classB {---}
--------------------------------
<tag class="default" class="classA">
با این کار دوبار class رو نسبت میدی! لولی دیفالت و بعدی کلاس مخصوص تگ مورد نظر

موفق باشید

[eAmin]

سلام.

شما وقتی که می خواید، style ها رو به اون المنت اختصاص بدید، باید هنگام تعریف کردن کلاس یک space بزنید و کلاس بعدی رو بنویسید. به اینصورت:


class="classA classB"