Пробелы в названии класса CSS

[Lex-DRL]

Только осваиваю CSS (кстати спасибо авторам сайта за такой информативный ресурс). Возникло следующее недопонимание:

В генерируемых друпалом страницах блоки DIV имеют в названии класса пробелы. Например,

<div class="field field-type-filefield field-field-cover"></div>

Понятное дело, что к ним не получится обратиться селектором вида:

.field field-type-filefield field-field-cover {...}

Как я столкнулся с этой проблемой - поискал на сайте друпала и наткнулся на этот топик. Там даётся частичное решение, но всё равно кое-что остаётся неясным. Думаю, уместнее эти вопросы задать здесь.

1. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваеваем объекту сразу несколько классов?
   Т.е., на вышеозначенном примере блок одновременно присваевается классам "field", "field-type-filefield" и "field-field-cover", и может быть вызван любым из этих селекторов.
   Или же это у него такой единый "кривой" класс - "field field-type-filefield field-field-cover"?
   
2. Насколько корректно обрабатывается разными браузерами способ, описанный digital_sword? Да и вообще, насколько он валиден?
   

[Veseloff]

Этот блок имеет свойства сразу нескольких классов - тех, которые указаны через пробел. Например, как делаю я: надо мне, допустим, вывести красный текст размером 10pt. Тогда я пишу:

<div class="red size10"></div>

а в файле со стилями будут такие описания этих классов

.red {color: #f00;}
.size10, .size10 * {font-size: 10pt}

[psywalker]

1. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваеваем объекту сразу несколько классов?
   Т.е., на вышеозначенном примере блок одновременно присваевается классам "field", "field-type-filefield" и "field-field-cover", и может быть вызван любым из этих селекторов.
   Или же это у него такой единый "кривой" класс - "field field-type-filefield field-field-cover"?
   
2. Насколько корректно обрабатывается разными браузерами способ, описанный digital_sword? Да и вообще, насколько он валиден?
   

1) Да, это означает, что у одному элементу присвоено несколько классов и пишутся они именно через пробел, всё верно.

2) Не смотрел особо, но такие вещи делаются например для классов коррекции, один из них основной, назначается всем блокам, и имеет одинаковые стили конеш, а другие это уже классы коррекции, которые дописываются отдельным блокам, чтобы что нибудь у них корректировать, например тот же цвет.

[Lex-DRL]

Veseloff, psywalker, спасибо большое. теперь всё встало на свои места. Просто не люблю "недопонимать".

Последние уточнения.

1. Есть ли какой-нибудь способ назначить определённое оформление только конкретной комбинации классов? Например:
   

   <div class="class1" />
   <div class="class2" />
   <div class="class1 class2" />

   
   Возможно ли будет сделать, к примеру, чтоб первый блок был синим, второй - жёлтым, третий - красным? И как будет выглядеть в CSS такая конструкция?
   

2. В одинаковом ли порядке для всех браузеров будет происходить перекрывание одинаковых свойств? Напр.:
   

   .class1 {...} /* Синий */
   .class2 {...} /* Жёлтый */
   ...
   <div class="class2 class1" />

   
   В данном случае перекрывание происходит в таком порядке, как в CSS-файле (будет жёлтым); или в том, как они вызываются в теге div (будет синим)?
   

Edited February 1, 2010 by Lex-DRL

[psywalker]

1)

		.class1 {background: red;}
		.class1.class2 { background: blue;}

Все элементы с class1 будут красные, а с .class1.class2 синими

2) Будет тот цвет у элемента, который в каскаде таблиц ЦСС идёт последним, значит жёлтым, а в самом атирбуте можешь их ставить в любом порядке, это не важно.

[Lex-DRL]

Благодарю. Ушёл дальше тискать CSS.

Тему можно закрывать.

P.S.: инфу о подобных комбинациях селекторов имеет смысл добавить в шаг за шагом по CSS.

Edited February 2, 2010 by Lex-DRL

[clavin]

А что об этом говорит w3c? Это стандарт?

[s0rr0w]

А что об этом говорит w3c? Это стандарт?

Говорит, через пробелы писать можно, в названиях классов использовать тире можно.