Каковы долгосрочные альтернативные решения /deep/ ИЛИ ::ng-deep?
/deep/ и ::ng-deep они также устарели в режиме DOM, и я хотел бы знать, будет ли в будущем альтернатива /deep/ и ::ng-deep, или мы должны начать использовать другие способы ?
::ng-deep .result-container .options-section .option-radio-button .option-text p {
margin: 5px 0px !important;
white-space: pre-wrap !important;
}
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
1
2 427
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
В настоящее время альтернативы нет, поэтому мы все должны продолжать использовать ее, потому что это практично.
Когда ViewEncapsulation.Native будет должным образом поддерживаться всеми браузерами и поддерживать стили вне границ теневого DOM, ::ng-deep, вероятно, будет прекращен.
Натив использует ShadowDom V0, который устарел. Никто не должен использовать это.
—
09.11.2020 06:35
В моем случае для проектов Angular на данный момент я использую ViewEncapsulation.None в качестве аргумента в @Компонент, и селекторы поступают без использования Shadow DOM.
например.:
@Component ({
selector: "app-onboarding-process",
templateUrl: "./onboarding-process.page.html",
styleUrls: ["./onboarding-process.page.scss"],
encapsulation: ViewEncapsulation.None
})
Другие вопросы по теме
Как сохранить нижний колонтитул внизу, пока содержимое не будет заполнено высотой тела?
CSS не применяется к стрелке пользовательских всплывающих подсказок
Почему мы используем SASS, даже если мы используем SCSS?
Как получить доступ к двойной карте с помощью Sass?
Scss, как я могу добавить +1px в медиа-запрос
Загружать стили, только если компонент был импортирован в Vue.js
Добавить пробел между элементами в заполнителе
Использование Css calc() для выравнивания псевдоэлемента для работы на всем экране
Переход с темы по умолчанию на пользовательскую тему удаляет курсор из MatInput, Angular 6
Отзывчивые значки и изображения начальной загрузки
Похожие вопросы
Chrome вычисляет 1px как 6px, искажает стили, использующие rem
Почему изображение, которое я загружаю, отсутствует?
Дочерняя таблица со 100% шириной расширяет родительскую
Css удалить пустое место в тегах h
Символы Корана неправильно отображаются в Internet Explorer 10
Плотно сложите два столбца наборов полей
Изменение файла css с помощью jquery не работает
Как изменить текстовую анимацию с помощью setInterval и стилей с помощью CSS?
CSS Styling не отображается на GitHub после развертывания
Прикрепление значков к углам контейнера flexbox с помощью flex-start и flex-end
Посмотрите на переменные css и конструируемые таблицы стилей.