два css класса к тегу <thead></thead>

@AlexandrVavilow · Регистрация: 06.07.2012

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

Есть такая часть таблицы

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
<thead>
 <tr>
                <th title="Понедельник" scope="col" abbr="Monday">
                    П
                </th>
                <th title="Вторник" scope="col" abbr="Tuesday">
                    В
                </th>
                <th title="Среда" scope="col" abbr="Wednesday">
                    С
                </th>
                <th title="Четверг" scope="col" abbr="Thursday">
                    Ч
                </th>
                <th title="Пятница" scope="col" abbr="Friday">
                    П
                </th>
                <th title="Суббота" scope="col" abbr="Saturday">
                    С
                </th>
                <th title="Неделя" scope="col" abbr="Sunday">
                    В
                </th>
            </tr>
</thead>

к тегу прикриплен стиль:

CSS
1
2
3
4
5
6
#calendar thead {
    background: #EA8101;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
}

Можна как нибудь к тегу прикрепить еще один екземпляр стиля чтобы потом зависимо от часов суток тег реализовывал разные стили?Например смена background??

@EPMAK · 10.08.2012, 20:24

можно. яваскрипт такое практикует или php

@newJS · 10.08.2012, 21:06

Создаем кучу нужных css файлов, потом скрипт будет их подключать.

HTML5
1
<link rel="stylesheet" type="text/css" href="neutral.css" id="newCSS">

стартуем функцию кому как надо

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function changeCSS(){
var s, newH;
newH=new Date().getHours();//получить часы, 0-23
//проверяем диапазон, легко добавить/удалить желаемые диапазоны
if(newH>=4&&newH<=6){s="sunrise";}//восход солнца
if(newH>=7&&newH<=10){s="morning";}//утро
if(newH>=11&&newH<=14){s="noon";}//полдень
if(newH>=15&&newH<=17){s="afternoon";}//послеобеденное время
if(newH>=18&&newH<=19){s="sunset";}//заход солнца, закат
if(newH>=20&&newH<=22){s="twilight";}//сумерки
//проверяем ночь, если, ((больше/равно 23) ИЛИ (больше/равно 0 И меньше/равно 3))
if(newH>=23||(newH>=0&&newH<=3)){s="night";}//ночь
if(newH>=24){s="neutral";};//если сбой
//пишем новое имя файла, только добавить остальную часть пути
document.getElementById("newCSS").href=s+'.css';
 };

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	10.08.2012, 20:24
	можно. яваскрипт такое практикует или php 0