<table></table>

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام. روز بخیر

من داشتم استایل دهی به تیبل رو تمرین می‌کردم تو CSS، دو تا تیبل داشتم تو یک سند می‌خواستم استایل‌های متفاوت بدم

ولی نشد! چجوری باید انجام بشه؟

برای تک تک th‌ها و td‌های تیبل دوم باید کلاس تعریف کنم؟!!! به خود تیبل دادم نشد...

درود

یسری ویژگیها مثل طول و عرض با همون تگ جدول شدنی هست.

یسریا باید به تگ td، th و tr داده بشه.

برای ردیفها و ستونهای خاص میتونید از سلکتورهایی مثل nth-child استفاده کنید.

برای مثال من اینجا گفتم که نوشته‌های ستون اول آبی بشه:

td:nth-child(1) {
  color: blue;
}

نازنین کریمی مقدم ۰۶ شهریور ۱۴۰۱، ۱۷:۵۸

لطفا این رو چک می‌کنید:(چه تغییری باید تو کد ایجاد کنم؟)

الان اینجا تو سندم دوتا تیبل رو می‌خوام داشته باشم همزمان، اما هرکدوم استایل منحصر به فردی داشته باشن

من اومدم برای هرکدوم از تیبل‌ها یک کلاس تعریف کردم که از اون طریق استایلاشونو جدا کنم، به نتیجه نرسیدم

مگر این که واسه th وtd‌های تیبل اول یک کلاس و برای th و td‌های تیبل دوم یک کلاس دیگه تعریف کنم...که به نظرم اینم روش درستی نباشه...?

<head>
  <style>
     /* Table-1 */
      table {
         width: 50%;
         border-collapse: collapse;
            }
      table, th, td {
         border: 1px solid hotpink;}
      th { height: 50px;}
      th, td { padding: 10px; }
     /* Table-2 */
     th, td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid hotpink;
         }
     tr:hover {
        background-color: rgb(255, 212, 233);
         }
     tr:nth-child(even) {
        background-color: rgb(198, 233, 255);
        }
    th {
        background-color: hotpink;
        color: white;
       }
  style>
head>
<body>
    
    <table>
      <thead>
        <tr>
          <th>Firstnameth>
          <th>Lastnameth>
        tr>
      thead>
      <tbody>
        <tr>
          <td>Sahartd>
          <td>Pashaeitd>
        tr>
        <tr>
          <td>Mohammadtd>
          <td>Pashaeitd>
        tr>
        <tr>
          <td>Mahditd>
          <td>Pashaeitd>
        tr>
      tbody>
    table>
    
    <table>
      <thead>
        <tr>
          <th>Firstnameth>
          <th>Lastnameth>
        tr>
      thead>
      <tbody>
        <tr>
          <td>Sahartd>
          <td>Pashaeitd>
        tr>
        <tr>
          <td>Johntd>
          <td>Doetd>
        tr>
        <tr>
          <td>Mohammadtd>
          <td>Pashaeitd>
        tr>
      tbody>
    table>
body>

سحر پاشائی ۰۶ شهریور ۱۴۰۱، ۱۸:۴۷

راهی میگید برای td هر جدول یک کلاس تعریف کنید روش درستی هست و باید به همون طریقه پیش برید، وگرنه جدا نمیشه چیزی نسبت داد!

برای نمونه بنده در مثال پیوست شده هم به همین صورت پیش رفتم. برای اینکه چینش در ویرایشگر بهم نریزه، به صورت فایل زیپ فرستادم.

بهترین پاسخ

نازنین کریمی مقدم ۰۶ شهریور ۱۴۰۱، ۲۰:۵۴