การใช้ CSS วิธีเปลี่ยนเฉพาะคอลัมน์ที่ 2 ของตาราง

การใช้ css เท่านั้นฉันจะแทนที่ css ของคอลัมน์ที่ 2 ของตารางได้อย่างไร

ฉันสามารถเข้าถึงคอลัมน์ทั้งหมดโดยใช้:

.countTable table table td

ฉันไม่สามารถเข้าไปที่ html ในหน้านี้เพื่อแก้ไขได้เนื่องจากไม่ใช่ไซต์ของฉัน

ขอบคุณ

คุณสามารถใช้:nth-childคลาสหลอกได้ดังนี้:

.countTable table table td:nth-child(2)

โปรดทราบว่าสิ่งนี้จะใช้ไม่ได้กับเบราว์เซอร์รุ่นเก่า (หรือ IE) คุณจะต้องให้คลาสแก่เซลล์หรือใช้จาวาสคริปต์ในกรณีนั้น

ลองสิ่งนี้:

.countTable table tr td:first-child + td

คุณยังสามารถย้ำเพื่อจัดรูปแบบคอลัมน์อื่น ๆ ได้:

.countTable table tr td:first-child + td + td {...} /* third column */
.countTable table tr td:first-child + td + td + td {...} /* fourth column */
.countTable table tr td:first-child + td + td + td +td {...} /* fifth column */

หากต้องการเปลี่ยนเฉพาะคอลัมน์ที่สองของตารางให้ใช้สิ่งต่อไปนี้:

กรณีทั่วไป:

table td + td{  /* this will go to the 2nd column of a table directly */

background:red

}

กรณีของคุณ:

.countTable table table td + td{ 

background: red

}

หมายเหตุ: สิ่งนี้ใช้ได้กับทุกเบราว์เซอร์ (รุ่นเก่าและรุ่นเก่า) นั่นเป็นเหตุผลที่ฉันเพิ่มคำตอบให้กับคำถามเก่า

คุณสามารถกำหนดคลาสสำหรับแต่ละเซลล์ได้ในคอลัมน์ที่สอง

<table>
<tr><td>Column 1</td><td class="col2">Col 2</td></tr>
<tr><td>Column 1</td><td class="col2">Col 2</td></tr>
<tr><td>Column 1</td><td class="col2">Col 2</td></tr>
<tr><td>Column 1</td><td class="col2">Col 2</td></tr>
</table>

บนเว็บนี้http://quirksmode.org/css/css2/columns.htmlฉันพบวิธีง่ายๆ

<table>
<col style="background-color: #6374AB; color: #ffffff" />
<col span="2" style="background-color: #07B133; color: #ffffff;" />
<tr>..