Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> class="class1 class2", как работает эта конструкция 
V
    Опции темы
neocasta
Дата 30.6.2007, 10:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 22
Регистрация: 30.1.2007

Репутация: нет
Всего: нет



Не знаю как искать этот сабж в гугле)
Я по логике понимаю так (поправьте если ошибаюсь)
Это совмещение свойств классов в один составной класс
Для каких браузеров поддерживается и какие приоритеты при перекрывании свойств

PM MAIL   Вверх
skyboy
Дата 30.6.2007, 10:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



это не составной класс. это что-то вроде пересечения множеств.
например, для множества "круглый" - синий фон.
для множества "мягкий" - зеленый цвет текста.
 "круглые и мягкие" будут на синем фоне зеленым цветом.
поддерживается много для кого. Опера и FireFox, по крайней мере, давно поддерживают.
Код

<style type="text/css">
.class2 {color: #F00;}
.class1 {color: #FF0;}
.class1.class2 {background-color: #0FF;}
</style>
<div class="class1 class2">
something
</div>
<div class="class1">
something2
<div class="class2">
inside
</div>
</div>
<div class="class2">
something2
</div>

Вот тестовый код, если самому влом набирать. Добавь шапку и тестируй, сколько угодно.
Как я выяснил в результате тестирования, приоритетность свойств определяется порядком в объявлении стилей(т.е. при всех прочих равных если для элемента class="class1 class2" описать в <style> сначала class1, а потом - class2, то применятся стили в том же порядке; поменять порядок - поменяется результат;порядок объявления в аттрибуте class значения не имеет), и приоритетом описанного стиля(это я к тому, что если в стилях указать 
Код
.class1 {/*blahblahblah*/}
 и 
Код
 body table tbody tr td div.class1 {/*blahblahblah*/}
 то второй вариант, как имеющий большую детализацию, будет применен после первого).
PM MAIL   Вверх
neocasta
Дата 30.6.2007, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 22
Регистрация: 30.1.2007

Репутация: нет
Всего: нет



благодарю за ответ
Как я и представлял
Но не лишним было спросить
Удобная штука


Это сообщение отредактировал(а) neocasta - 30.6.2007, 13:31
PM MAIL   Вверх
SelenIT
Дата 2.7.2007, 00:24 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(skyboy @  30.6.2007,  10:40 Найти цитируемый пост)
.class1.class2 {background-color: #0FF;}

С именно такой записью в CSS есть баг в IE5-6.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0461 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.