Не могу получить первый TD в TR с селекторами CSS3

0

У меня проблема с выбором первого 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>
  • 0
    У вас есть опечатка в селекторе: .record_list должен быть .records_list
Теги:

4 ответа

0
Лучший ответ

у вас есть .record_list в вашем примере, но .records_list в вашем HTML. Это то, что вы ищете?

JSFIDDLE

  • 0
    Вот это да, я чувствую себя глупым LOL. Благодарю.
0

Это .record_list ошибка .record_list вместо .records_list

0

У вас есть typo records_list:

Изменить:

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

С:

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

Вы забыли "s" в .record_list :)

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

FIDDLE

Ещё вопросы

Сообщество Overcoder
Наверх
Меню