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

[Sina 8]

سلام

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

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

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

.table1 {
width: 500px;
}

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

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

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

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

[سعید شعبانی 2047]

بله به این شکل

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

[Sina 8]

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

[سعید شعبانی 2047]

یک مشکل کوچک بود حل شد

اینو امتحان کنید

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

[Sina 8]

باز هم نشد مثلا وقتی اینو میزنم فقط واسه جدول 4 اعمال میشه

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

[reazah 255]

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

كد بالايي درسته اما ", " براي 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>

ویرایش شده تیر 92 توسط reazah

[parsian1361 69]

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

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

ویرایش شده تیر 92 توسط parsian1361

[imanfakhar 26231]

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

[Sina 8]

من از افزونه 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;
}

[imanfakhar 26231]

اگر همیشه این مقدار ثابته

.tablepress {width:500px;}

[Sina 8]

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

[imanfakhar 26231]

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

[Sina 8]

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

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

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

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

[imanfakhar 26231]

.tablepress-id-1,
.tablepress-id-2,
.tablepress-id-3,
.tablepress-id-4,
.tablepress-id-5 {
width:500px;
}

[Sina 8]

ممنون درست شد ♥