html - 如何选择这张表的第一个和最后一个 child ？

Question

<div class="showtable-page">
    <table class="layout display responsive-table">
        <thead>
            <tr><th>Show</th><th>Address</th><th>Location</th><th>Dates &amp; Hours</th></tr>
        </thead>
        <tbody>
            <tr>
                <td class="organisationnumber">ABC</td>
                <td>
                    <ul style="list-style-type: none;">
                        <li>KLM</li>
                        <li>OPQ</li>
                    </ul>
                </td>
                <td>US</td>
                <td>Mon-Fri 9AM - 6PM</td>
            </tr>

对于 CSS，如何获取此表的表 tr td:first-child、表 tr th:first-child？样式表具有一般表格的基本样式，我需要更改此特定表格的填充。

谢谢

Answer 1

给这个表 ID 说 mytable。

id 属性指定 HTML 元素的唯一 ID。

尝试:

HTML:

<table id="mytable" class="layout display responsive-table">

CSS:

#mytable th:first-child{
    /* your styles*/
}
#mytable td:first-child{
    /* your styles*/
}

DEMO here.