diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md index ed03492c3..66e5cc13d 100644 --- a/8-web-components/6-shadow-dom-style/article.md +++ b/8-web-components/6-shadow-dom-style/article.md @@ -194,7 +194,7 @@ Here `

John Smith

` becomes bold, because CSS inheritance is in effect betw Another option is to use `::slotted(selector)` pseudo-class. It matches elements based on two conditions: -1. The element from the light DOOM that is inserted into a ``. Then slot name doesn't matter. Just any slotted element, but only the element itself, not its children. +1. The element from the light DOM that is inserted into a ``. Then slot name doesn't matter. Just any slotted element, but only the element itself, not its children. 2. The element matches the `selector`. In our example, `::slotted(div)` selects exactly `
`, but not its children: