message: docs: clarify usage of using /deep/ in component styles guide
  Updated the description regarding the (deprecated) /deep/ pseudo-selector to clarify its propensity to bleed styles across components and its solution
  closes
  PR Close
diff: @@ -106,10 +106,11 @@ if some ancestor element has the CSS class `theme-light`.
  Component styles normally apply only to the HTML in the component's own template.
  -Use the `/deep/` shadow-piercing descendant combinator to force a style down through the child
  -component tree into all the child component views.
  -The `/deep/` combinator works to any depth of nested components, and it applies to both the view
  -children and content children of the component.
  +Applying the `::ng-deep` pseudo-class to any CSS rule completely disables view-encapsulation for
  +that rule. Any style with `::ng-deep` applied becomes a global style. In order to scope the specified style
  +to the current component and all its descendants, be sure to include the `:host` selector before
  +`::ng-deep`. If the `::ng-deep` combinator is used without the `:host` pseudo-class selector, the style
  +can bleed into other components.
  The following example targets all `<h3>` elements, from the host element down
  through this component to all of its child elements in the DOM.
  