Size: a a a

Angular - русскоговорящее сообщество

2020 April 05

WE

Win Excelent in Angular - русскоговорящее сообщество
::ng-deep почему-то не работает
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Win Excelent
Подскажите как вы стилизуете компоненты каких-либо графических библиотек. Например я хочу стилизовать компонент slide из angular material - я хочу поменять у бара цвет на зеленый. Я написал следюущий стиль в своём компоненте:

.mat-slide {
 &-toggle-bar {
   background: green !important;
 }
}

Но данный стиль не применятеся, я смог его подключить лишь отключив инкапсуляцию в компоненте, либо применив данный стиль в глобальных стилях, но что если я не хочу применять данный стиль глобально? А хочу лишь в рамках определенного компонента?
ну так сделай селектор от конкретного компонента
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
Имеешь ввиду так :host ::ng-deep ?
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
а почему без хоста не работает?
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
и в доке я прочитал, что ng-deep уже deprecated
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
стоит ли его использовать для стилизации сторонних компонентов типо angular material?
источник

S

Smooth Operator in Angular - русскоговорящее сообщество
Win Excelent
Имеешь ввиду так :host ::ng-deep ?
имею ввиду в глобальных стилях
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
а без этого не обойтись?
источник

WE

Win Excelent in Angular - русскоговорящее сообщество
в глобальных у меня получилось
источник

IB

Islam Babaev in Angular - русскоговорящее сообщество
Всем привет
Подскажите, почему не работает last-child?
источник

IB

Islam Babaev in Angular - русскоговорящее сообщество
Hover отрабатывает, также тестил first-child, тоже работает нормально
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Islam Babaev
Всем привет
Подскажите, почему не работает last-child?
может это last-of-type?
источник

IB

Islam Babaev in Angular - русскоговорящее сообщество
Эрик Поуль
может это last-of-type?
Тоже пробовал, не работает
источник

YS

Yuri Stepanov in Angular - русскоговорящее сообщество
Win Excelent
в глобальных у меня получилось
Либо глобальные, либо ng-deep. Пока других вариантов нет
источник

ID

Igor D in Angular - русскоговорящее сообщество
Islam Babaev
Всем привет
Подскажите, почему не работает last-child?
Какие теги используются?
источник

АХ

Амир Хан in Angular - русскоговорящее сообщество
Islam Babaev
Всем привет
Подскажите, почему не работает last-child?
Покажи какие стили применились
источник

АХ

Амир Хан in Angular - русскоговорящее сообщество
В девтулс
источник

IB

Islam Babaev in Angular - русскоговорящее сообщество
Igor D
Какие теги используются?
источник

IB

Islam Babaev in Angular - русскоговорящее сообщество
Амир Хан
Покажи какие стили применились
источник

ID

Igor D in Angular - русскоговорящее сообщество
А в доме что рисует?
источник