The use of /deep/ and >>> in Angular 2

by

  1. Is /deep/ here to stay? Do we have any source, a quote, or anything from any specification saying that it will be adopted? Or if it has officially been deprecated?

    The /deep/ syntax is obsolete, last seen in css-scoping in 2014, and its replacement >>> was deprecated about half a year ago in Chrome 45.

    The entire concept of the shadow-piercing descendant combinator is slated to be removed from the Shadow DOM entirely. Implementations may either remove it altogether or alias it to the regular descendant combinator (which depending on how the Shadow DOM is implemented in the future may or may not make sense).

  2. Can we suppress this error in Visual Studio Code without all-together disabling syntax checking?

    Unfortunately not.

    Angular allows both in emulated view encapsulation for compatibility purposes, but authors are strongly encouraged to use >>> going forward, since /deep/ is technically invalid now, and therefore unsupported in native view encapsulation.

More Related Contents:

  1. Angular 2: How to style host element of the component?
  2. how do I make device specific selectors in css [closed]
  3. Is there a “previous sibling” selector?
  4. Which characters are valid in CSS class names/selectors?
  5. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  6. CSS selector for first element with class
  7. What does the “+” (plus sign) CSS selector mean?
  8. Is there a CSS selector by class prefix?
  9. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  10. How do I select an element based on the state of another element in the page with CSS?
  11. What does an asterisk (*) do in a CSS selector?
  12. Does the order of classes listed on an item affect the CSS?
  13. Angular-cli from css to scss
  14. Select all child elements recursively in CSS
  15. CSS “and” and “or”
  16. Using the last-child selector
  17. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  18. What is the difference between :focus and :active?
  19. Can I have multiple :before pseudo-elements for the same element?
  20. How to select label for=”XYZ” in CSS?
  21. Are parentheses allowed in CSS selectors?
  22. What is the difference between pipe (|) and caret (^) attribute selectors?
  23. Can type selectors be repeated to increase specificity?
  24. Can I colour backgrounds of selected items in HTML select options with CSS only?
  25. CSS3 combining selectors with OR instead of AND
  26. Why doesn’t this CSS :not() declaration filter down?
  27. How do I select an element only when inside another element?
  28. How to show the first N elements of a block and hide the others in css?
  29. What is the difference between :before and ::before?
  30. What is the difference between pseudo-classes and pseudo-elements?

Leave a Comment