-2 голоса
 
678 просмотров
13.01.2020 / 20:22  Death

CSS наследование

Есть список классов в css - shadow p-3 mb-5 bg-white rounded
Мне нужно в мой, который body-container наследовать их, чтобы контейнер html применил все стили, указав только один
Изм. Death от 13.01.2020 / 20:23
Ответы
 
3 голоса
 
# 13.01.2020 / 20:55  riseremi
На чистом CSS так не получится. Можешь, разве что, залезть в стили библиотеки, которую ты используешь, и везде вписать через запятую твой body-container:
  1. .shadow, .body-container {
  2.   // props
  3. }
  4.  
  5. .p-3, .body-container {
  6.   // props
  7. }

Второй вариант, о котором ты и сам догадываешься, это просто вручную скопировать все свойства из классов и запихать их в один.

Но это костыли, конечно. Вмешиваться в стили библиотеки неправильно, потому что нарушается целостность и ты теряешь возможность обновляться. А копирование свойств это просто бесполезное дублирование кода.

Посмотри на досуге в сторону CSS-препроцессоров. От себя рекомендую Stylus.
Изм. riseremi от 13.01.2020 / 20:59
 
0 голосов
 
# 15.01.2020 / 23:19  Koenig
<div class="body-contaner shadow p-3 mb-5 bg-white rounded">...</div>
16.01.2020 / 05:26  Death
И вот чтобы не городить ту жлинную шнягу, я спрашиваю про наследование
Всего: 2

Реклама

Мы в соцсетях

vk tw tg yt