html - 无法使用 css3 选择器在 tr 中获得第一个 td

Question

我在选择正在创建的表的 tr 中的第一个 td 时遇到问题。

我正在使用

.record_list tbody tr td:first-child { 文本对齐:居中； }

那是行不通的。未应用任何样式。

这是 html，我正在尝试获取带有复选标记的 td。

<table class="records_list">
        <thead>
            <tr>
                <th>✔</th>
                <th>Title</th>
                <th>Notes</th>
                <th>Project</th>
                <th>Context</th>
                <th>Flagged</th>
                <th>Deferuntil</th>
                <th>Due</th>
                <th>Repeattask</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>✔</td>
                <td>This is another task title</td>
                <td>this is another note that will go with this task, just so nothing is forgotten.</td>
                <td>secondproject</td>
                <td>secontcontext</td>
                <td>1</td>
                <td></td>
                <td>2014-02-12 08:17:00</td>
                <td></td>
                <td>
                <ul>
                    <li>
                        <a href="/workspace/symfony/web/task/10">View</a>
                    </li>
                    <li>
                        <a href="/workspace/symfony/web/task/10/edit">Edit</a>
                    </li>
                </ul>
                </td>
            </tr>
                    <tr>
                                <td></td>
                <td>Lorem ipsum dolor sit amet</td>
                                <td>this is a note that will describe anything that needs to be remembered about the note.</td>
                <td>thisisaproject</td>
                <td>thisisacontext</td>
                <td>1</td>
                <td></td>
                <td></td>
                <td></td>
                <td>
                <ul>
                    <li>
                        <a href="/workspace/symfony/web/task/9">View</a>
                    </li>
                    <li>
                        <a href="/workspace/symfony/web/task/9/edit">Edit</a>
                    </li>
                </ul>
                </td>
            </tr>
                </tbody>
    </table>

Answer 1

您的示例中有 .record_list，但 HTML 中有 .records_list。这是您要找的吗？

JSFIDDLE