[15/20] Непонятны два момента


#1
  1. Зачем прописан класс block-2, ведь он в CSS не фигурирует?

  2. Почему больший прямоугольник стоит раньше меньшего.


#2

Инструменты разработчика в браузере изучаете?


#3

Честно говоря, мне сам вопрос непонятен. :sweat: Вы имеете ввиду просмотр кода страницы?


#4

Я имею в виду инструменты, которые вызываются клавишей F12.
Класс block-2 тут скорее для красоты. Класс block объединяет общие свойства двух блоков, а дополнительные для указания размеров. А здесь просто перезаписали свойства, написав их ниже по коду.
Почему большой прямоугольник стоит первым? Потому что он по коду первый. А поток документа как идет? Правильно, слева направо и сверху вниз.


#5

В том то и дело что малый прямоугольник прописан в block, а больший в block-1. И как он раньше по коду идёт?


#6

У первого блока два класса…


#7

Выходит, что порядок прописывания классов имеет значение?


#8

В HTML - нет. А вот порядок правил в css-коде конечно имеет значение.
Разве вы не проходили курс “Наследование и каскадирование”?


#9

подождите, что значит:

для обоих прямоугольников прописаны одинаковые свойства (селектор .block),
дальше для большого прямоугольника переопределены размеры (селектор .block1), но остальные свойства остаются неизменными и относятся как к большему блоку, так и к меньшему.


#11

А вот об этом-то обстоятельстве я и забыл. Спасибо


#12

Спасибо за терпимость к моим “глупостям”. :tulip: По-видимому это у меня ретроградная амнезия :slight_smile: Я перестал понимать вещи, ранее изученные. С праздником