Как задать наследование не от родителя?

@Fatmarmelad · Регистрация: 20.02.2016

Студворк — интернет-сервис помощи студентам

День добрый!
Можно ли назначить элементу наследование от элемента, который не является родителем или, по крайней мере,от которого по цепочке проходит наследование до заданного элемента?

@mr_dramm · 03.10.2021, 19:21

Наследование стилей только от родителя, также можно использовать переменные с помощью ключевого слова var заданные в в псевдоклассе :root, или можно использовать препроцессор CSS там можно сделать блок правил, который можно использовать для включения этих правил в другой блок смотри extend

Сообщение от Fatmarmelad

по крайней мере,от которого по цепочке проходит наследование до заданного элемента?

пример пожалуйста

@Fatmarmelad · 04.10.2021, 19:02 **[ТС]**

Сообщение от mr_dramm

пример пожалуйста

я так понимаю, что первый дочерний от body блок наследует свойства body и , например, ширина в процентах считается от body. Блок в предыдущем блоке наследует свойства от блока-родителя и проценты считаются от родителя и т д по цепочке.
Можно ли задать блоку в такой цепочке ширину не от родителя а от body, например?

@mr_dramm · 04.10.2021, 19:08

Сообщение от Fatmarmelad

Можно ли задать блоку в такой цепочке ширину не от родителя а от body, например?

Можно использовать единицы vw и rem

@DanLo · 04.10.2021, 22:01

Сообщение от Fatmarmelad

Можно ли задать блоку в такой цепочке ширину не от родителя а от body, например?

Нет, наследуются только строчные свойства, блочные не наследуются, но можно использовать some-value: inherit, где some-value - что угодно. Тогда будет наследовать

@AlexZaw · 04.10.2021, 22:13

Сообщение от DanLo

блочные не наследуются

Тут речь не о наследовании, а о методе расчета. Если ширина или высота заданы в процентах, то они вычисляются от ширины/высоты родителя.

Сообщение от DanLo

но можно использовать some-value: inherit, где some-value - что угодно. Тогда будет наследовать

Будет наследовать опять же от родителя и если ребенку нужно "прокинуть" какое-то свойство которого нет у родителя, то придется и родителю задавать inherit для этого свойства.

@DanLo · 04.10.2021, 23:02

Сообщение от AlexZaw

если ребенку нужно "прокинуть" какое-то свойство которого нет у родителя, то придется и родителю задавать inherit для этого свойства.

Да это нужно иметь в виду.

Fatmarmelad, я бегло ответил на вопрос по поводу наследования, но если в него вникнуть то как это понимать вообще:

Сообщение от DanLo

Можно ли задать блоку в такой цепочке ширину не от родителя а от body, например?

Если блоку будет задана ширина не от родителя а от body, то это означает, что ширина дочернего блока превысит родительский. Я понимаю, что это абстрактный пример, но звучит жестко)) В целом можно или прокидывать наследование свойства или воспользоваться css переменными. Второе более предпочтительно.

@AlexZaw · 04.10.2021, 23:35

Сообщение от DanLo

Если блоку будет задана ширина не от родителя а от body

Вот только сделать этого невозможно. Нет, конечно можно задать ширину 100vw, вот только это будет ширина не от body, а от viewport-а и с body она совпадет только если нет вертикального скролла.

Можно еще с помощью js получить ширину body и задать ее какому-нибудь блоку, но это тоже не то, так как ни о каком наследовании тут речи не идет.

Сообщение от DanLo

или воспользоваться css переменными

С переменными тоже не все так просто, и если говорить про ту же ширину или высоту, то толку от переменных не будет, так как тут надо или фиксированные размеры задавать, или если сделать что-то типа:

HTML5
1
2
3
<div class="wrap">
  <div class="in"></div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
:root {
  --body-width: 100%;
}
.wrap {
  width: 600px;
}
 
.in {
  width: var(--body-width);
}

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

@NTHing · 05.10.2021, 00:10

Можно ли задать блоку в такой цепочке ширину не от родителя а от body, например?

Нет. (В контексте вашего вопроса).
И вообще. Есть css свойства наследуемые и не наследуемые. Наследуемые они и так по цепочке наследуются. Ширина не наследуемое свойство. Сымитировать наследование можно проставив всей цепочке значение ширины inherit.

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@Fatmarmelad 34 / 10 / 2 Регистрация: 20.02.2016 Сообщений: 1,614

	Как задать наследование не от родителя? 03.10.2021, 18:24. Показов 1780. Ответов 8 Метки нет (Все метки) День добрый! Можно ли назначить элементу наследование от элемента, который не является родителем или, по крайней мере,от которого по цепочке проходит наследование до заданного элемента? 0