Значения классов

[bobb]

Народ все с новым годом! Подскажите пожалуйста по следующей проблеме.

Что означают множественные значения классов? Например:  <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.

[Launder]

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

[bobb]

это я знаю, но дело в том, что этих классов нету в таблице стилей. Но они как то функционируют.

[DivMan]

Значит, где-то есть

[bobb]

Видимо стили в блоке прописаны. Подскажите пожалуйста, почему когда смотришь "Исходный код страницы" то там нету многих строк кода, которые видны только "Инспектором" или "Firebugom" ?

[BrusSENS]

11 час назад, bobb сказал:

Видимо стили в блоке прописаны. Подскажите пожалуйста, почему когда смотришь "Исходный код страницы" то там нету многих строк кода, которые видны только "Инспектором" или "Firebugom" ?

Добавление в DOM тех самых "строк" динамически через JS, не?

[bobb]

Да! Верно! Через, js. Если я не нарушу правила, то спрошу ещё: Почему некоторый классы повторяются? Например есть - <section class=gnom parallax-background bigman example example example. И потом через 5 строчек какой то из этих стилей опять упоминается - <div class="gnom col-md-10....>

[BrusSENS]

1 час назад, bobb сказал:

Если я не нарушу правила, то спрошу ещё: Почему некоторый классы повторяются? Например есть - <section class=gnom parallax-background bigman example example example. И потом через 5 строчек какой то из этих стилей опять упоминается - <div class="gnom col-md-10....>

Нарушите конечно, но всё же отвечу.

Ну всё таки всем новичкам советую знакомиться с азами CSS, что бы не задавать глупых вопросов. Такой вопрос как раз и исходит от Вас.

Ну ладно, давайте перейдём к делу. Вы наверняка читали о CSS, раз уж им интересуетесь, так вот всегда и везде сказана очень интересная вещь, а именно: существуют в CSS классы и идентификаторы (class и id). Так вот главное отличие класса от идентификатора в том, что класс может использоваться на HTML странице сколько угодно раз, в отличие от идентификатора, который можно использовать только один раз. Для понятности поясню: это говорит о том, что на HTML странице у нас может существовать огромное количество, например

<div class="someclass">Какой то класс</div>
<div class="someclass">Какой то класс</div>
<div class="someclass">Какой то класс</div>
<div class="someclass">Какой то класс</div>

Но блок, с идентификатором someclass может быть только один на странице, иначе будет вылетать ошибка при валидации.

<div id="someid">Какой то идентификатор</div>
<div id="someid">Какой то идентификатор</div>
<div id="someid">Какой то идентификатор</div>
<div id="someid">Какой то идентификатор</div>
<!-- Это ошибка, такого не должно быть -->

Надеюсь доходчиво объяснил.

Edited January 6, 2017 by BrusSENS

[bobb]

Спасибо большое! Ещё у меня проблемы с позиционированием, но это уже другая тема. Буду изучать. Кстати заметил что - разные обёртки могут охватывать одно и тоже пространство несколько раз. Скажем есть картинка секции хедера section id=header он охватывает своё пространство. Через несколько строк идёт div class=trololo и этот класс также охватывает всё пространство section id=header.

[BrusSENS]

17 часов назад, bobb сказал:

Кстати заметил что - разные обёртки могут охватывать одно и тоже пространство несколько раз.

Нормальная ситуация. Работа со слоями. position и z-index делают своё дело.

[bobb]

Изучаю это. Если не затруднит, то ещё спрошу и пока всё. Никак не могу понять, почему background-image повторяетца в некоторых дивах? Скажем

section id=header style="background-image: none; position: relative; data-jarallax-original-styles="background-image: url("/images/pic.jpg"); position: relative; 

и

<div id="jarallax-container-0" <div style="background-size: 100% auto; background-repeat: no-repeat no-repeat; background-image: url("/images/pic.jpg"); position: fixed; top: 0px; left: 0px;

[BrusSENS]

3 часа назад, bobb сказал:

Изучаю это. Если не затруднит, то ещё спрошу и пока всё. Никак не могу понять, почему background-image повторяетца в некоторых дивах? Скажем

/* Не верно */
background-repeat: no-repeat no-repeat;
/* Так верно */
background-repeat: no-repeat;