 |
|
Модераторы: Illuminaty |
 
|
|
применение нескольких стилей к одному элементу, два и более стилей к элементу 
| Budy |
|
||||
 Опытный  Профиль Группа: Участник Сообщений: 616 Регистрация: 6.2.2004 Где: Екатеринбург Репутация: нет Всего: 2 |
:Приветствую, жители Винграда!
Подскажите, как можно осуществить следующее:
Собсно второй стиль применяется, первый нет. -------------------- Как ты назовешь свой корабль, так на нем и напишут  |
||||
|
|||||
Загрузка ...
| Ctulhy |
|
|||
 Шустрый Профиль Группа: Участник Сообщений: 137 Регистрация: 2.8.2008 Где: Россия, Курск Репутация: 2 Всего: 2 |
То, что ты написал синтаксически неправильно. Вообще странно что работает.
А обязательно два стиля делать? можно же объеденить два стиля в один: .style { background: red; color: blue; } Или селекторы можно написать через запятую style, style1, style2 {} Если уж очень хочется: .style1 {background: red;} #style2 {color: blue;} <div class="style1" id="style2"></div> Есть еще способы, которые применяли на csszengarden.com - но имхо эти методы не жизнеспособны для реальных ситуаций. Вообще советую почитать спецификацию, там все вполне доступно и исчерпывающе изложено. Добавлено через 2 минуты и 57 секунд То, что ты написал синтаксически неправильно. Вообще странно что работает. А обязательно два стиля делать? можно же объеденить два стиля в один: .style { background: red; color: blue; } Или селекторы можно написать через запятую style, style1, style2 {} Если уж очень хочется: .style1 {background: red;} #style2 {color: blue;} <div class="style1" id="style2"></div> Есть еще способы, которые применяли на csszengarden.com - но имхо эти методы не жизнеспособны для реальных ситуаций. Вообще советую почитать спецификацию, там все вполне доступно и исчерпывающе изложено. Добавлено через 3 минуты и 9 секунд Вот ссылка на спецификацию: http://css.find-info.ru/css/009/syndata.html --------------------
скучно в Москве и дождливо в Крыму. |
|||
|
||||
| Budy |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 616 Регистрация: 6.2.2004 Где: Екатеринбург Репутация: нет Всего: 2 |
Ctulhy, пример с id интересен, то что нужно.
Пасиб! -------------------- Как ты назовешь свой корабль, так на нем и напишут |
|||
|
||||
| SelenIT |
|
|||
 баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Можно указывать несколько классов для одного элемента. Только не через запятую, а просто через пробел.
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Ctulhy |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 137 Регистрация: 2.8.2008 Где: Россия, Курск Репутация: 2 Всего: 2 |
Если особо не боишься за переполнение кода можно еще через атрибут style внутри тега прописывать стиль. <div style="background:#000;">
--------------------
скучно в Москве и дождливо в Крыму. |
|||
|
||||
| SelenIT |
|
|||
|
баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Ctulhy, ну зачем сбивать человека с толку сомнительными советами, когда он делал почти правильно?
Вот хороший пример работы с несколькими классами (в IE6 есть пара "подводных камней", но на деле с ними сталкиваются нечасто). Да и в следующей главе из того же самого перевода спецификации есть аналогичный пример (хотя, наверное, спецификацию все же лучше изучать в первоисточнике ;). -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0604 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |