Консультации Портала - Консультация #202693

Задать вопрос Консультации Пользователи Форум

Задать вопрос экспертам

Консультация № 202693

01.05.2022, 21:40

0.00 руб.

1 6 1

Компьютеры Программирование

Уважаемые эксперты! Пожалуйста, ответьте на вопрос:
Задача в прикреплённом файле.

Прикрепленные файлы:

5.JPG

скачать (28.00 кБ)

Обсуждение

давно

solowey

Советник
400484
472

02.05.2022, 21:21

общий

это ответ

Добрый день.
Пример выполнения.
index.html
[code lang=html]<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Консультация онлайн # 202693</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<table>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
<tr>
<td>слово</td>
<td>слово</td>
<td>слово</td>
</tr>
</table>
</body>
</html>[/code]
main.css
[code lang=css]table {
border: 1px solid black;
}

td {
border: 1px solid black;
}

td:nth-child(1) {
color: blue;
}

td:nth-child(3) {
color: blue;
}

tr:nth-child(3) {
font-size: 20px;
}[/code]

давно

svrvsvrv

Посетитель
399424
894

03.05.2022, 17:37

общий

Адресаты:

Спасибо за Ваш ответ.
Скажите, пожалуйста: почему изменения не выполняются?

давно

svrvsvrv

Посетитель
399424
894

03.05.2022, 17:40

общий

Адресаты:

Я сделал вот так.
Но Ваш вариант мне гораздо больше нравится, только он почему-то не срабатывает...

<!DOCTYPE html>
<html>
<head>
<base target="_top">
<?!=HtmlService.createHtmlOutputFromFile('css').getContent(); ?>
</head>
<body>
<table border="1" class="table1">
<tbody>
<tr>
<td class="line1">он</td>
<td class="line2">она</td>
<td class="line3">оно</td>
</tr>
<tr>
<td class="line4">ты</td>
<td class="line5">вы</td>
<td class="line6">я</td>
</tr>
<tr>
<td class="line7">утро</td>
<td class="line8">день</td>
<td class="line9">ночь</td>
</tr>
<tr>
<td class="line10">кот</td>
<td class="line11">собака</td>
<td class="line12">рыбка</td>
</tr>
<tr>
<td class="line13">морковь</td>
<td class="line14">картофель</td>
<td class="line15">свёкла</td>
</tr>
<tr>
<td class="line16">дыня</td>
<td class="line17">арбуз</td>
<td class="line18">вишня</td>
</tr>
</tbody>
</table>
</body>
</html>

<style>
.table1 {
border-collapse: collapse;
width: 50%;
height: 100px;
}
.line1, .line2, .line3, .line4, .line5, .line6, .line7, .line8, .line9, .line10, .line11, .line12, .line13, .line14, .line15, .line16, .line17, .line18
{
width: 10%;
height: 10px;
font-family: "Times New Roman", Times, serif;
}
.line1, .line3, .line4, .line6, .line7, .line9, .line10, .line12, .line13, .line15, .line16, .line18
{
color: blue;
}
.line7, .line8, .line9
{
font-size: 20px;
}
</style>

давно

solowey

Советник
400484
472

05.05.2022, 08:07

общий

Возможно, ваш браузер не поддерживает данный код. Вы можете почитать об этом в сети Интернет. Я использовал для проверки последнюю версию браузера Chrome.

давно

Алексеев Владимир Николаевич

Мастер-Эксперт
259041
7459

06.05.2022, 12:02

общий

Адресаты:

Вы можете получить Решения всей пачки Ваших HTML-консультаций, как только потрудитесь написать каждый свой Вопрос Текстом согласно Правилам Портала, см "Порядок отправки вопроса" rfpro.ru/help/questions#20 (Ссылка)
И эти Решения будут работать в любом браузере, а не только в новейшей Chrome-версии.

давно

svrvsvrv

Посетитель
399424
894

06.05.2022, 20:11

общий

Адресаты:

Все мои вопросы оформил так, как Вы рекомендовали. Буду рад ответам на них.

Форма ответа

Отправка постов/ответов доступна только зарегистрированным и подтвержденным пользователям.

Если Вы уже зарегистрированы на Портале - войдите в систему, если Вы еще не регистрировались - пройдите простую процедуру регистрации.