Поключение css как? -)

@inRock · Регистрация: 01.06.2010

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

Имеется css код вот при подключении он стайлит все таблицы а мне нужно только некоторые как сделать.... помогите пожалуйста.. очень зелен в CSS//

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
table {
    width: 100%;
    color: #212424;
    margin: 0 0 1em 0;
    font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
}
table, tr, th, td {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
 
/* BODY */
 
tbody tr td {
    background-color: #E8F1FF;
}
tbody tr.odd td {
    background-color: #E8F1FF;
}
tbody tr td:hover, tbody tr.odd td:hover {
    background: #B4CEFE;
}
tbody tr th, tbody tr td {
    padding: 0.1em 0.4em;
    border: 1px solid #FFFFFF;
}
 
 
/* LINKS */
 
table a {
    color: #854400;
    text-decoration: none;
}
table a:visited {
    text-decoration: line-through;
}
table a:hover {
    text-decoration: underline;
}
  </style>

@Nazz · 01.06.2010, 22:03

напишыте весь код, как, и что вы подключаете..
естли хотите подключить цсс только к некоторым таблицам сделайте так:
1.с оздаёте стиль, только не с table, а с отдельным названием
2. к таблице в которой нужно использовать стили делаете их подключение

HTML5
1
<table class="название стилей" ...>

3. и всё))

Добавлено через 2 минуты
а ещё лутше, покажіте весь код, и скажыть к каким таблицам хотите применить стили, а и для каких не стоит их применять, тогда будет проще вам написать..

@inRock · 01.06.2010, 22:06 **[ТС]**

вот только я думаю это мне кучу классов задавать и потом указывать их ... или все эти элементы в одном классе можно обозначить??

@Nazz · 01.06.2010, 22:16

можно поексперементировать, и всё ето зделать не у многих класах, а в 1 или же 2-х класах...
давайте иходный код, и постараемся зделать))

Добавлено через 24 секунды
можно поексперементировать, и всё ето зделать не у многих класах, а в 1 или же 2-х класах...
давайте иходный код, и постараемся зделать))

Добавлено через 4 минуты
вот так отлично работает с одним класом:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<style>
.s {
        width: 100%;
        color: #212424;
        margin: 0 0 1em 0;
        font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
}
.s, tr, th, td {
        margin: 0;
        padding: 0;
        border-spacing: 0;
        border-collapse: collapse;
}
 
/* BODY */
 
.s tr td {
        background-color: #E8F1FF;
}
.s tr.odd td {
        background-color: #E8F1FF;
}
.s tr td:hover, .s tr.odd td:hover {
        background: #B4CEFE;
}
.s tr th, tbody tr td {
        padding: 0.1em 0.4em;
        border: 1px solid #FFFFFF;
}
 
 
/* LINKS */
 
.s a {
        color: #854400;
        text-decoration: none;
}
.s a:visited {
        text-decoration: line-through;
}
.s a:hover {
        text-decoration: underline;
}
  </style>
  <body>
  <table class="s">
  <tr><td>1</td><td>2</td>
  </tr>
  <tr><td><a href="#">1</a></td><td><a href="#">2</a></td>
  </tr>
  </table>
  </body>

@inRock · 01.06.2010, 22:21 **[ТС]**

в общем у меня фаил размечен таблицами я конечно могу ко выложить..но врядли это поможет...в общем картинка такая таблица в ней внутри еще таблица и вот её нужно подкрасить и так в нескольких местах.

Добавлено через 2 минуты
в общем придется через кучу классов =) спасибо за помощь

Добавлено через 53 секунды
Ааа поторопился с ответом...ОТЛИЧНО..=) Спасибо

@Nazz · 01.06.2010, 22:22

посмотрите высшеуказаный код, так работает))

@inRock · 01.06.2010, 22:25 **[ТС]**

Спасибо за помощь... диплом пишу веб интерфейс к бд написал.. вот хочу приукрасить.. код работает..

@etalord · 01.06.2010, 22:35

насчет кучи классов: если один и тот же стиль требуется применить ко многим элементам, то этим элементам присваиваете один и тот же класс. Если какая-то таблица должна иметь свой, непохожий ни на что стиль, то можно присвоить уникальный id.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<style type="text/css">
.mytable {width:500px; border-collapse:collapse; color:#363636}
#unique {color:red; font:bold 12px/17px verdana}
</style>
 
<table class="mytable">
.......
</table>
 
<table class="mytable">
.......
</table>
 
<table id="unique">
.......
</table>

@chezz · 02.06.2010, 18:26

Сначала пишется HTML, а потом, по кусочкам CSS.
Так более наглядней)

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@inRock 0 / 0 / 0 Регистрация: 01.06.2010 Сообщений: 8
	01.06.2010, 22:06 [ТС]
	вот только я думаю это мне кучу классов задавать и потом указывать их ... или все эти элементы в одном классе можно обозначить?? 0

@inRock 0 / 0 / 0 Регистрация: 01.06.2010 Сообщений: 8
	01.06.2010, 22:21 [ТС]
	в общем у меня фаил размечен таблицами я конечно могу ко выложить..но врядли это поможет...в общем картинка такая таблица в ней внутри еще таблица и вот её нужно подкрасить и так в нескольких местах. Добавлено через 2 минуты в общем придется через кучу классов =) спасибо за помощь Добавлено через 53 секунды Ааа поторопился с ответом...ОТЛИЧНО..=) Спасибо 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	01.06.2010, 22:22
	посмотрите высшеуказаный код, так работает)) 0

@inRock 0 / 0 / 0 Регистрация: 01.06.2010 Сообщений: 8
	01.06.2010, 22:25 [ТС]
	Спасибо за помощь... диплом пишу веб интерфейс к бд написал.. вот хочу приукрасить.. код работает.. 0

@chezz zzloй гений! 28 / 28 / 2 Регистрация: 13.09.2009 Сообщений: 218
	02.06.2010, 18:26
	Сначала пишется HTML, а потом, по кусочкам CSS. Так более наглядней) 0