Question

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

我正在使用

.record_list tbody tr td:first-child { text-align: center; }

这不起作用。没有使用任何样式。

这是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

Answer 2

你有一个错字记录列表：

更改：

.record_list tbody tr td:first-child { text-align: center; }

使用：

.records_list tbody tr td:first-child { text-align: center; }

Answer 3

你忘记了.record_list的“s”：）

.records_list tbody tr td:first-child{ background: red; }

FIDDLE

Answer 4

这是一个输入错误.record_list而不是.records_list

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

4 个答案: