[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: css определение стилей
zvezda_t
Всем привет.

<div class="a b">
<div
class="c">
<input
type="text" class="d">
</div>
</div>


Подскажите, пожалуйста, в чем разница определения классов:

.a .b .c {
border:1px solid red;
}


и

.a.b .c {
border:1px solid red;
}


Если без пробела, то на одном уровне - если с пробелом, то дочерний компронент - так?
Значит в моём случае - должен работать вариант без пробела? Верно?


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
через запятую - перечисление
через пробел - дочерние - от парента к чилду
без пробела - нелепая опечатка, связанная скорее всего с большим объёмом работ, невнимательностью или другими глобальными проблемами.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
McLotos
Цитата (Игорь_Vasinsky @ 14.01.2015 - 13:17)
без пробела - нелепая опечатка, связанная скорее всего с большим объёмом работ, невнимательностью или другими глобальными проблемами.

Да, но есть интересный момент
http://jsfiddle.net/kt7qsvzz/
Как видно в примере. Если test1 test2 в css написаны слитно, то срабатывает как новое правило, хотя в Html они раздельно
А если в css их тоже разделить, то они вообще не работают.

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
kaww
Цитата (Игорь_Vasinsky @ 14.01.2015 - 07:17)
без пробела - нелепая опечатка, связанная скорее всего с большим объёмом работ, невнимательностью или другими глобальными проблемами.

Без пробелов - это and , как, собственно, уже продемонстрировал McLotos
sergeiss
Цитата (Игорь_Vasinsky @ 14.01.2015 - 11:17)
без пробела - нелепая опечатка

Нет, не опечатка. Пробелы в данном случае не важны для обработки. Они, скорее, для наглядности. Или их отсутствие для наглядности smile.gif - это уж как кому удобнее.
И здесь, и в jQuery одинаково это всё работает.
Хоть "div.a.b", хоть "div .a .b" будет обработано одинаково: класс b внутри класса a, который находится внутри именно ДИВа.

Цитата (McLotos @ 14.01.2015 - 11:55)
Да, но есть интересный момент
http://jsfiddle.net/kt7qsvzz/

Не понял, что именно ты там хотел показать?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
McLotos
Цитата (sergeiss @ 14.01.2015 - 14:01)
Пробелы в данном случае не важны для обработки. Они, скорее, для наглядности.

Неправда. Как раз мой пример показывает что пробел не нужен.
Попробуйте добавить пробел в третье css-правило и увидите что оно перестанет применяться, вместо него будут применены первые 2 правила.

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки
Invis1ble
Цитата (sergeiss @ 14.01.2015 - 11:01)
Цитата (Игорь_Vasinsky @ 14.01.2015 - 11:17)
без пробела - нелепая опечатка

Нет, не опечатка. Пробелы в данном случае не важны для обработки. Они, скорее, для наглядности. Или их отсутствие для наглядности smile.gif - это уж как кому удобнее.
И здесь, и в jQuery одинаково это всё работает.
Хоть "div.a.b", хоть "div .a .b" будет обработано одинаково: класс b внутри класса a, который находится внутри именно ДИВа.

о боже
Цитата
Без пробелов - это and
Игорь_Vasinsky
а.. пардоне - не практиковал такие финты.
and так and

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
sergeiss
Имел ввиду вот такую ситуацию насчет пробелов:

div .test1 {color:lime; font-size:10px;}
div .test2 {color:blue; font-size:70px;}


<div><span class="test1">Test1 Test2</span></div>
<div><span
class="test2">Test1 Test2</div></span>


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.