2 जवाब

सबसे बढ़िया उत्तर

:nth-child छद्म चयनकर्ता का उपयोग करें या :first-child के साथ (इन पहला कॉलम का आपका विशिष्ट मामला)

td:nth-child(1) {
  background: red;
}
<table>
  <tr><td>a</td><td>1</td></tr>
  <tr><td>b</td><td>2</td></tr>
</table>

आपके विशिष्ट मामले में यह इसके साथ भी करने योग्य है:

td:first-child {
   background: red;
}
1
Roko C. Buljan 17 अप्रैल 2021, 16:15

आप प्रत्येक पंक्ति में पहले सेल (td तत्व) को लक्षित कर सकते हैं और पृष्ठभूमि को लाल रंग में सेट कर सकते हैं:

* {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
table tr td:first-child {
  background-color: red;
}
<table>
  <tr><td>cell col1</td><td>cell col2</td></tr>
  <tr><td>cell col1</td><td>cell col2</td></tr>
  <tr><td>cell col1</td><td>cell col2</td></tr>
</table>
0
A Haworth 17 अप्रैल 2021, 16:17