رفتن به مطلب

یک سوال در مورد css


پست های پیشنهاد شده

سلام

من چندتا جدول دارم که از کدهای سی اس اس تکراری برای هر جدول استفاده کردم

امکانش هست که یک کد رو برای چند جدول بکار بگیرم؟

مثلا این کد برای جدول 1 هستش


.table1 {
width: 500px;
}

میشه کاری کرد که این کد برای چند جدول استفاده بشه؟ یعنی اینطوری بشه


.table1 table2 table3 table4 {
width: 500px;
}

در حال حاضر اینطوری هستش


.table1 {
width: 500px;
}
.table2 {
width: 500px;
}
.table3 {
width: 500px;
}
.table4 {
width: 500px;
}

لینک به ارسال

يعني نمي خواي كه به چهار تا جدول ي كلاس بدي؟‌

كد بالايي درسته اما ", " براي table چهار نزار

به اين شكل بنويس


<p class="p">متن</p>
<p class="p4">متن</p>
<p class="p2">متن</p>
<p class="p3">متن</p>
<style>
.p,.p2,.p3,.p4
{
background:#F00;
}
</style>

ویرایش شده توسط reazah
لینک به ارسال

فقط یه , اضافی داشتی.اینو بزار حله


.table1,.table2,.table3,.table4 {
width: 500px;
}

ویرایش شده توسط parsian1361
لینک به ارسال

کد آخر درسته و یک چیز دیگه وقتی 4 جدول یک کلاس را دارند لزومی نداره بهشون کلاس table1 تا table4 را بدید می تونید کلاس table1 را برای همه تکرار کنید در واقع آی دی شناسه اختصاصیه و درست نیست تکرار بشه نه کلاس

لینک به ارسال

من از افزونه tablepress برای جداول استفاده میکنم الان این کد رو چجوری کوتاه کنم؟


.tablepress-id-1 {
width: 500px;
}
.tablepress-id-3 {
width: 500px;
}
.tablepress-id-6 {
width: 500px;
}
.tablepress-id-10 {
width: 500px;
}
.tablepress-id-15 {
width: 500px;
}

لینک به ارسال

خوب اگر اندازه ها فرق کنه که کلا بحث عوض می شه و برای هر کدوم باید یک استایل نوشت

لینک به ارسال

ببینید مثلا من برای همه جداول اندازه auto قرار دادم اما 10 تا جدول دارم که میخوام اندازشو 500 قرار بدم حالا باید 10 تا کد


.tablepress-id-X {
width: 500px;
}

بزارم میخواستم بدونم راهی هست که id اون 10تا جدول رو توی یک کد قرار بدم؟ مثلا اینجوری


.tablepress-id-1 id2 id3 id4 id... {
width: 500px;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...