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

Раздел: HTML / DHTML / XML / CSS
Автор вопроса: svrvsvrv (Посетитель)
Дата: 01.05.2022, 21:40 Консультация неактивна
Поступило ответов: 1
Уважаемые эксперты! Пожалуйста, ответьте на вопрос:
Задача в прикреплённом файле.

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

Ответ # 1, solowey (Советник)

Добрый день.
Пример выполнения.
index.html
Код [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>

main.css
Код [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;
}

solowey

Советник
02.05.2022, 21:21
5

Мини-форум консультации # 202693

svrvsvrv

Посетитель

ID: 399424

325839

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

Посетитель

ID: 399424

325840

= общий =    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

Советник

ID: 400484

325866

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

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

ID: 259041

325918

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

Посетитель

ID: 399424

325921

= общий =    06.05.2022, 20:11
Все мои вопросы оформил так, как Вы рекомендовали. Буду рад ответам на них.
Возможность оставлять сообщения в мини-форумах консультаций доступна только после входа в систему.
Воспользуйтесь кнопкой входа вверху страницы, если Вы зарегистрированы или пройдите простую процедуру регистрации на Портале.