Покрасить только текст внутри td без jquery и только css

@НиколайВасильев · Регистрация: 02.12.2015

Студворк — интернет-сервис помощи студентам

Помогите студенту!!
У соседа сын студент. Задание изменить средствами css размер шрифта и цвет в таблице.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<table  cellspacing="2" cellpadding="2" border="1">
    <thead>
        <tr>
            <td colspan="2">заголовок</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>поле1</td>
            <td>поле2</td>
        </tr>
    </tbody>
</table>

В его методичке учебный пример

CSS
1
2
3
4
table thead tr td {
    color: red;
      font-size: 140%;
}

Учебный пример какой-то избыточный, я бы написал thead td .
В любом случае пример не работает правильно. Цвет текста меняется, но черта под текстом от td тоже красной становится.
С tbody такая же ситуация, как с thead.
Его html менять нельзя по заданию и jquery тоже нельзя.
Могу перекрасить в цвет таблицы эту черту или есть правильный вариант?
Заранее спасибо!

@Peskova_Sveta · 23.06.2021, 14:30

у меня как и должно быть, цвет текста меняется в заголовке таблицы, больше ничего

@DrType · 23.06.2021, 14:32

У меня тоже. Но если проблема где-то возникает, то, возможно, потому, что border по умолчанию может принимать цвет текста элемента. Поэтому можно попробовать явно задать цвет для border...

@НиколайВасильев · 23.06.2021, 16:22 **[ТС]**

Peskova_Sveta, DrType,
у меня только Firefox сейчас, и красится разделитель.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>487154054b31</title>
    <style>
        table thead tr td {
    color: red;
      font-size: 140%;
}
    </style>
</head>
 
<body>
    <table  cellspacing="2" cellpadding="2" border="1">
    <thead>
        <tr>
            <td colspan="2">заголовок</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>поле1</td>
            <td>поле2</td>
        </tr>
    </tbody>
</table>
</body>
</html>

Покрашу бордер в черный. Не знаю других вариантов, пусть его преподаватель пояснит, как у него работает и под каким браузером.

@НиколайВасильев · 23.06.2021, 16:26 **[ТС]**

DrType, если вставить тег, напр. span, то только текст красный, но "менять нельзя".

@gogolik · 23.06.2021, 16:40

CSS
1
2
/* FF hack */
table, table td {border: 1px solid black}

Это только в FF.

@НиколайВасильев · 23.06.2021, 17:31 **[ТС]**

gogolik, ну я так и сделал, т.к. других вариантов не знаю.
Вопрос на засыпку, в других браузерах color тоже красит бордер или это только в лисе?

@gogolik · 23.06.2021, 18:33

НиколайВасильев, советую ещё раз прочитать моё сообщение.

@НиколайВасильев · 24.06.2021, 08:26 **[ТС]**

gogolik, Мой вопрос не был понят. Я спросил за стайл в №1 и строчку "color: red;" в других браузерах. Если не работает, то его учебное пособие можно на гвоздик повесить.

@gogolik · 24.06.2021, 08:29

НиколайВасильев,

Сообщение от gogolik

Это только в FF.

Дословно - "эта проблема появляется только в FireFox".

@НиколайВасильев · 24.06.2021, 10:55 **[ТС]**

gogolik, спасибо!
Тогда я оставляю с "color", пусть его преподаватель разбирается с браузерами без джаваскрипт.

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@Peskova_Sveta 409 / 162 / 32 Регистрация: 26.11.2019 Сообщений: 434
	23.06.2021, 14:30
	у меня как и должно быть, цвет текста меняется в заголовке таблицы, больше ничего 0

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	23.06.2021, 14:32
	У меня тоже. Но если проблема где-то возникает, то, возможно, потому, что `border` по умолчанию может принимать цвет текста элемента. Поэтому можно попробовать явно задать цвет для border... 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	23.06.2021, 16:26 [ТС]
	DrType, если вставить тег, напр. span, то только текст красный, но "менять нельзя". 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	23.06.2021, 17:31 [ТС]
	gogolik, ну я так и сделал, т.к. других вариантов не знаю. Вопрос на засыпку, в других браузерах color тоже красит бордер или это только в лисе? 0

@gogolik Супер-модератор 3970 / 2092 / 832 Регистрация: 13.03.2010 Сообщений: 6,905
	23.06.2021, 18:33
	НиколайВасильев, советую ещё раз прочитать моё сообщение. 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	24.06.2021, 08:26 [ТС]
	gogolik, Мой вопрос не был понят. Я спросил за стайл в №1 и строчку "color: red;" в других браузерах. Если не работает, то его учебное пособие можно на гвоздик повесить. 0

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	24.06.2021, 10:55 [ТС]
	gogolik, спасибо! Тогда я оставляю с "color", пусть его преподаватель разбирается с браузерами без джаваскрипт. 0